使用jQuery拖放用戶界面佈局

Question

對於我們的下一個項目（ASP.NET/C＃中的一個小應用程序），我們必須在用戶界面中創建拖放區域，以便可以拖放組件和小部件，並且佈局可以是動態更改（例如，用戶應該能夠從前端在兩列之間切換爲三列布局）。

做一些搜索後，我才知道，有兩種方法：

1. 使用Web部件和內容區。

2. 使用jQuery。

我還了解到，jQuery的方法是較受歡迎的，但我想知道我可以在我的應用程序中創建這些區域還保存每個用戶這些區域（在d這樣，當新的請求到來了顯示該用戶自己喜歡的佈局？我基本上想知道是否有創建使用jQuery持久化的拖放區的一些教程。

感謝，

莫希特庫馬爾

Answer 1

我不知道我的回答對你或者是有用的不。如果我錯了，請糾正我。

您可以使用：

• 1）jQuery Drag & Drop Plugins，
• 2）DRAG-AND-DROP

此問題。

Answer 2

你可以使用draggable() and droppable方法的jquery。

看到這個reference

Answer 3

至於其他的答案中建議使用draggable & droppable從jQuery API。

Here是一個例子，如何真正做到這一職位並保存佈局。這個例子中的服務器端保存在php中完成，但它也可以是任何其他語言。

有一個叫updateWidgetData()一個JavaScript函數，你可能想調查。它將所有信息收集到陣列並使用$.post發送陣列。