• 请不要在回答技术问题时复制粘贴 AI 生成的内容
ren2881971
V2EX  ›  程序员

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

  •  
  •   ren2881971 ·
    ren2881971 · Oct 30, 2014 · 8095 views
    This topic created in 4280 days ago, the information mentioned may be changed or developed.
    想咨询下大家有这种库么?

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

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

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

    我考虑的实现方式大概是这样:
    - 监听mousedown事件
    - 获取鼠标点击元素,判断是否可拖拽
    - 设置flag做标记
    - 建一个tempDOM,与拖拽的DOM内容相同,并添加相应样式
    - 监听鼠标移动事件
    - 判断flag
    - 移动tempDOM
    - 监听mouseup事件
    - 判断flag标记
    - 清楚flag标记
    - 获取DOM排列顺序
    - 重排
    ren2881971
        4
    ren2881971  
    OP
       Oct 30, 2014
    @karonl 因为我要在前台把定义好的表单直接显示出来~
    ren2881971
        5
    ren2881971  
    OP
       Oct 30, 2014
    @DaniloSam 这位兄弟 谢谢你写了这么多~我在boostrap的官网找到了 一个在线编辑表单我觉得把他的代码copy下来  改成本地的。
    DaniloSam
        6
    DaniloSam  
       Oct 30, 2014
    @ren2881971 好样的
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   2837 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 32ms · UTC 12:54 · PVG 20:54 · LAX 05:54 · JFK 08:54
    ♥ Do have faith in what you're doing.