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

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

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

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

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

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

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