保存divs在不同位置的內容

Question

我在左邊有一些名稱（div）和右邊的3個div（nr1，nr2，nr3）。 我可以在正確的方塊上拖動三個名字，並製作一個前三名。所有這些都是用jquery完成的。

我怎樣才能保存在一個SQL數據庫與asp.net的位置和名稱被拖動在廣場上。

Answer 1

我想當你點擊保存按鈕獲取容器div內的子div。然後保存它像一個親子relationship.Get的位置，享有一定的div（相對位置於母公司）的（左上）和保存過

表中的記錄可能看起來像

childID的的ParentIdChildLeftPositionChildTopPosition

-------- -------- ----------------- ----- -------------

nr1  Parent1  25     12 
nr2  Parent1  65     48 
nr3  Parent1  210    97 

和當u渲染回來，閱讀這些價值和它

Answer 2

function SaveNames() 
{ 
    var NameForN1 = []; 
    var NameForN2 = []; 
    var NameForN3 = []; 

    $('#nr1').children().each(function() 
    { 
     NameForN1.push($(this).html()); 
    }); 
    //TODO: Do the same for nr2 and nr3 
    $.post('yoururl',{Names:[NameForN1,NameForN2,NameForN3]},callback); 
} 

這對客戶端，服務器端現在

protected void SaveItems() 
{ 
    Dictionnary<string,object> myNames; 
    System.Web.Script.Serialization.JavaScriptSerializer jvs = new System.Web.Script.Serialization.JavaScriptSerializer(); 
    myNames = jvs.Deserialize<Dictionnary<string,object>>(Request["Names"]); 
    //TODO Now you only have to save it to the database. 
} 

的myNames [「名稱」]應該是位置（如果我是正確的）一串字符串數組。 如果你在使用asp.net 4.0時不能在服務器端工作，我建議你閱讀這篇關於Json反序列化的一些很酷的工具：Hanselman blog's