V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
ren2881971
V2EX  ›  程序员

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

  •  
  •   ren2881971 ·
    ren2881971 · 2014-10-30 08:57:52 +08:00 · 7505 次点击
    这是一个创建于 3682 天前的主题,其中的信息可能已经有所发展或是发生改变。
    想咨询下大家有这种库么?

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

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

    方便我从数据库取出数据 在前台直接显示表单。
    6 条回复    2014-10-30 14:14:36 +08:00
    karonl
        1
    karonl  
       2014-10-30 09:29:49 +08:00
    无需在数据库保html,保存必要数据即可。比如样式id,提示语。
    leqoqo
        2
    leqoqo  
       2014-10-30 11:37:54 +08:00
    有一个百度的ueditor的插件,可以生成自定义表单
    DaniloSam
        3
    DaniloSam  
       2014-10-30 13:59:33 +08:00
    曾经做过类似的需求,不过不是拖拽,因为拖拽做起来太尼玛蛋疼了,人生还有很多美好的事情没有做,为了排个序至于么

    我考虑的实现方式大概是这样:
    - 监听mousedown事件
    - 获取鼠标点击元素,判断是否可拖拽
    - 设置flag做标记
    - 建一个tempDOM,与拖拽的DOM内容相同,并添加相应样式
    - 监听鼠标移动事件
    - 判断flag
    - 移动tempDOM
    - 监听mouseup事件
    - 判断flag标记
    - 清楚flag标记
    - 获取DOM排列顺序
    - 重排
    ren2881971
        4
    ren2881971  
    OP
       2014-10-30 14:05:07 +08:00
    @karonl 因为我要在前台把定义好的表单直接显示出来~
    ren2881971
        5
    ren2881971  
    OP
       2014-10-30 14:05:55 +08:00
    @DaniloSam 这位兄弟 谢谢你写了这么多~我在boostrap的官网找到了 一个在线编辑表单我觉得把他的代码copy下来  改成本地的。
    DaniloSam
        6
    DaniloSam  
       2014-10-30 14:14:36 +08:00
    @ren2881971 好样的
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   3055 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 22ms · UTC 14:52 · PVG 22:52 · LAX 06:52 · JFK 09:52
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.