明细表输入框、回车事件
[vue3代码]写在生成的[表.vue]文件中,[vue2代码]写在[表.jsx]文件methods方法中;二选一实现
vue3代码
//方式1:监听输入、下拉框选择事件框事件
const onInited=()=>{
//主从一对一明细表
gridRef.detailOptions.columns.forEach(x => {
if (x.field == '字段') {
//如果字段是输入框,添加onKeyPress事件
x.onKeyPress = (row, column, $event) => {
//如果row.字段不是实时的,请加上setTimeout(()=>{},50)
//回车事件
if($event.keyCode==13){
}
//可以输入时给其他字段字段设置:row.字段=
}
//如果字段是下拉框或日期,添加onChange事件
x.onChange=(row, val, event)=>{
}
}
})
//一对多明细表
// gridRef.details[0].columns.forEach同上
//一对多三级明细表
// gridRef.subDetails[0].columns.forEach同上
}
vue2 代码
//方式1:监听输入、下拉框选择事件框事件做计算
onInited() {
//主从一对一明细表
this.detailOptions.columns.forEach(x => {
if (x.field == '字段') {
//如果字段是输入框,添加onKeyPress事件
x.onKeyPress = (row, column, $event) => {
//如果row.字段不是实时的,请加上setTimeout(()=>{},50)
//回车事件
if($event.keyCode==13){
}
//可以输入时给其他字段字段设置:row.字段=
}
//如果字段是下拉框或日期,添加onChange事件
x.onChange=(row, val, event)=>{
}
}
})
//一对多明细表
// gridRef.details[0].columns.forEach同上
//一对多三级明细表
this.subDetails[0].columns.forEach同上
}
