js 拖拽控件生成自定义表单 怎么实现？

 

  ren2881971 · 2014-10-30 08:57:52 +08:00 · 2183 次点击

这是一个创建于 615 天前的主题，其中的信息可能已经有所发展或是发生改变。

想咨询下大家有这种库么？

通过拖拽控件生成自定义表单的js 实现

然后以html代码的形式 存储在数据库。

方便我从数据库取出数据 在前台直接显示表单。

数据库

生成

定义

6 回复  |  直到 2014-10-30 14:14:36 +08:00

1 karonl   2014-10-30 09:29:49 +08:00 无需在数据库保html，保存必要数据即可。比如样式id，提示语。

2 leqoqo   2014-10-30 11:37:54 +08:00 有一个百度的ueditor的插件，可以生成自定义表单

3 DaniloSam   2014-10-30 13:59:33 +08:00 曾经做过类似的需求，不过不是拖拽，因为拖拽做起来太尼玛蛋疼了，人生还有很多美好的事情没有做，为了排个序至于么 我考虑的实现方式大概是这样： - 监听mousedown事件 - 获取鼠标点击元素，判断是否可拖拽 - 设置flag做标记 - 建一个tempDOM，与拖拽的DOM内容相同，并添加相应样式 - 监听鼠标移动事件 - 判断flag - 移动tempDOM - 监听mouseup事件 - 判断flag标记 - 清楚flag标记 - 获取DOM排列顺序 - 重排

4 ren2881971   2014-10-30 14:05:07 +08:00 @karonl 因为我要在前台把定义好的表单直接显示出来～

5 ren2881971   2014-10-30 14:05:55 +08:00 @DaniloSam 这位兄弟　谢谢你写了这么多～我在ｂｏｏｓｔｒａｐ的官网找到了　一个在线编辑表单我觉得把他的代码ｃｏｐｙ下来　　改成本地的。

6 DaniloSam   2014-10-30 14:14:36 +08:00 @ren2881971 好样的