使用jQuery拖放UI布局

Question

对于我们的下一个项目（ASP.NET / C＃中的一个小应用程序），我们必须在UI中创建拖放区域，以便可以拖放组件/窗口小部件，并且可以动态更改布局（例如，用户应该能够从前端切换到两列到三列布局。

经过一番搜索后，我发现有两种方法：

1. 使用Web部件和内容区域。

2. 使用jQuery。

我还了解到jQuery方法是优先考虑的，但我想知道如何在我的应用程序中创建这样的区域，并且还为每个用户保存这些区域（在D中，以便当新请求到达该用户时，他们的首选显示布局？我基本上想知道是否有一些关于使用jQuery创建可持久拖放区域的教程。

谢谢，

Mohit Kumar

Answer 1

我不知道我的回答对你有用。如果我错了，请纠正我。

您可以使用：

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

这个问题。

Answer 2

正如其他答案建议使用draggable＆amp;来自jQuery API的droppable。

Here是一个如何实际发布帖子并保存布局的示例。服务器端保存是在php中完成的示例，但它也可以使用任何其他语言。

您可能希望调查一个名为updateWidgetData()的JavaScript函数。它将所有信息收集到数组中，并使用$.post发送数组。

Answer 3

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

请参阅此reference