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

如题所述

第1个回答  2016-10-02
说说步骤吧
监听mousedown事件
- 获取鼠标点击元素,判断是否可拖拽
- 设置flag做标记
- 建一个tempDOM,与拖拽的DOM内容相同,并添加相应样式
- 监听鼠标移动事件
- 判断flag
- 移动tempDOM
- 监听mouseup事件
- 判断flag标记
- 清楚flag标记
- 获取DOM排列顺序
- 重排

基于React的无限表单设计
一、定义表单组件模板 JSON表单生成:利用JSON格式描述组件的外观样式、控件类型以及控件扩展属性,通过翻译JSON格式的描述信息生成界面组件,并能提供一定的交互功能(如,组件间的联动功能)。 例如有这样一个基本的表单结构:{"label":"用户名","key":"userName","value":null,"default":"Stephen","type":"Input"\/\/...

怎么对电脑的文件进行分门别类?
FRM 表单;Frame Maker或Frame Builder文档;Oracle可执行表(3.0版或早期版本);Visual Basic表单;WordPerfect Merge表单;DataCAD标志报表文件 FRT Microsoft FoxPro报表文件 FRX Visual Basic表单文本;Microsoft FoxPro报表文件 FSF fPrint Audit Tool文件格式 FSL Borland的Paradox 7表单;Corel Paradox保存的表单 FSM Parando...

拓展名怎么用?
FRM 表单;Frame Maker或Frame Builder文档;Oracle可执行表(3.0版或早期版本);Visual Basic表单;WordPerfect Merge表单;DataCAD标志报表文件 FRT Microsoft FoxPro报表文件 FRX Visual Basic表单文本;Microsoft FoxPro报表文件 FSF fPrint Audit Tool文件格式 FSL Borland的Paradox 7表单;Corel Paradox保存的表单 FSM Parando...

文件的格式是怎么会事?
FRM 表单;Frame Maker或Frame Builder文档;Oracle可执行表(3.0版或早期版本);Visual Basic表单;WordPerfect Merge表单;DataCAD标志报表文件 FRT Microsoft FoxPro报表文件 FRX Visual Basic表单文本;Microsoft FoxPro报表文件 FSF fPrint Audit Tool文件格式 FSL Borland的Paradox 7表单;Corel Paradox保存的表单 FSM Parando...

相似回答