1.说明
拖拽表单的 基础组件 大部分都会提供一个向外触发的事件;
我们可以在 js脚本里面接收/使用它;
2.使用
//在js脚本的methods里面添加一个type +"_"+ key 类型的方法
//type表示事件类型,有change(值改变)/enter(回车)/blur(失去焦点);
//key表示当前控件的“字段标识”
//比如我想给一个标签名称为“姓名”,字段标识为“xm”的输入框控件加一个change事件,一个回车事件,一个失去焦点事件
change_xm(val){//值改变
console.log('change')
},
enter_xm(val){//回车
console.log('enter')
},
blur_xm(val){//失去焦点
console.log('blur')
}
//以上方法都会返回当前变化的值 val;
3.控件在子表中使用
所有基础控件在子表中使用与上面是一样的,只是返回值增加了2个
change_xm(val,tablekey,row){
console.log('在子表中使用');
}
//返回参数说明
//val : 当前控件改变的值
//tablekey : 当前子表控件的 “字段标识”
//row : 当前行的数据 (obj)4.拖拽表单基础控件所有事件
| 控件 | 事件 |
|---|---|
| 输入框 | change / blur / enter |
| 多行文本框 | change / blur / enter |
| 选择框 | change |
| 单选框 | change |
| 开关 | change |
| 数字输入框 | change / blur / enter |
| 下拉选择器 | change / blur / openChange(展开下拉菜单回调) |
| 部门控件 | change |
| 用户控件 | change |
| 日期控件 | change |
| 时间控件 | change |
| 下拉树 | change |
| 编辑型按钮 | change |
| 地址控件 | change |
| 评分控件 | change / hoverChange |
| 地图控件 | change |
| 滑动条 | change |
文档更新时间: 2021-09-15 10:51 作者:yangxing