如何在运行时使用页面/布局设计器,并保存布局(稍后将使用检索到的数据进行渲染)。
场景: 我有一个主机应用程序/网站,用户可以上传他的dll并作为插件/小部件查看。 现在我希望用户拥有一个图形设计器,在那里他可以看到所有现有的插件或小部件。这是他可以将插件拖放到他想要的页面上的地方,这样他也可以根据需要重新调整插件的大小。
我能找到最接近的行为类型之一。 Dock Spawn(Mabey这还能用吗?)
实施此类解决方案的最佳方式是什么,允许用户可以编辑其页面的管理门户。以及保存此页面并允许它加载到另一个门户网站。
使用现有的CMS不是一种选择,任何第三方工具都将被视为
谢谢!
修改
我决定和杰森一起回答。实现JQueryUI的可拖动,重新调整大小。然后保存X和Y坐标以便在同一位置重新加载。
仍然会找到重新调整大小的解决方案(也许是一些数学......)
答案 0 :(得分:0)
最终您需要做的是将小部件包装在<div>
个元素中并保存the position,例如左,顶部,宽度,高度。这样,您可以根据存储在该窗口小部件的任何配置中的内容,将包含窗口小部件的<div>
的位置移动到特定的左侧,顶部。
我不相信你需要一个第三方库,只要你对CSS的定位感到满意,你就应该自己做。
编辑:
回应你的评论: 您可以随意保存数据 - 将其序列化为文件,存储在云中,保存到本地数据库。这完全取决于您的需求。
关于如何根据您正在查看的设备定位窗口小部件,这就是事情变得棘手的地方。你只需要自己测试一下,通过尝试一个简单的小部件,使用顶部,左侧等定位它,看看它在桌面移动设备和平板电脑上的样子。
您可能需要更改position
CSS样式才能正确定位<div>
。我的CSS有点朦胧,说实话,所以我不能说权威,你需要position
的价值。希望这足以让你活跃起来。