使用jQuery拖放UI布局

Question

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

经过一番搜索，我了解到有两种方法：

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

2.使用jQuery。

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

谢谢，

Mohit Kumar

- Mohit Kumar

---

但是我如何将当前布局持久化到数据库中？jQuery 中是否有类似于“内容区域”的东西？我想将布局从 2 列更改为 3 列，如何将布局按用户保留在数据库中？ - Mohit Kumar

Answer 1

我不知道我的答案是否对您有用。如果我错了，请纠正我。

您可以使用以下内容：

• 1) jQuery拖放插件,
• 2) 拖放

来解决这个问题。

- user284291

Answer 2

如其他答案所建议，使用 jQuery API 中的 draggable 和 droppable。

这里 有一个实际执行发布并保存布局的示例。在示例中，服务器端保存操作是使用 PHP 进行的，但也可以使用任何其它编程语言进行。

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

- Tx3

Answer 3

您可以使用 jQuery 的 draggable() 和 droppable 方法。

请参考此 链接。

- Vivek