效果选择不同部门,加载不同用户
代码
//绑定选择部门失去焦点事件
{field: 'deptName',
title: '部门',
width: 100,
editRender: {name: 'select', options: [], props: {clearable: true},
events:{
blur: this.changeDeptUser
}},
required: true,
align: 'center'},
//更改部门,改变部门编号,设置部门用户为空
changeDeptUser({ row,column }) {
row.dept=row.deptName;
row.deptUser='';
},
//grid绑定点击事件
<vxe-grid ref="pdateInfo" v-bind="updateTables"
:data="updateTableDate" height="150px"
@cell-click="cellClickEvent">
</vxe-grid>
//点击事件
cellClickEvent: ({row,column}: any) => {
setTimeout(() => {
if(column.property =="deptUser"){
let deptId= row.dept;
ApiService.postAjax("user/list", { 'deptId': deptId})
.then(result => {
if (result) {
let x = [];
for (const i of result) {
x.push({ key: i.userName, value: i.userName, label: i.userName});
}
x.push({ key:'', value: '', label: '--'});
x.reverse();
column.editRender.options = x;
}
});
}
}, 0)
},