使用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发送阵列。