如何构建像天蓝色仪表板上的网格？

Question

我正在为我的网络应用程序构建一种仪表板。我需要像网格一样的东西，允许用户创建＆＃34;小部件＆＃34;的布局。我很喜欢azure的做法：

我所追求的是一种通过让他们捕捉到网格来安排和调整组件大小的方法。同时允许他们四处走动。我开始使用JQueryUI进行拖放，但我似乎无法让网格线正常工作然后放置。此外，我需要在我的Javascript中使用一种对象，我可以将其序列化为json或xml以将其发布到我的服务器。

我应该自己构建这个，还是有JS框架。这可以在普通的jquery / jqueryUI中完成，我该如何绘制背景？

Answer 1

希望这可以提供帮助：ReactWM

虽然它在React中......不确定jQuery和jQuery UI。