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-01 11:26   作者:yangxing