编辑表单下拉框 select 联动操作
[vue3代码]写在生成的[表.vue]文件中,[vue2代码]写在[表.jsx]文件methods方法中；二选一实现
vue3代码
const onInit = ($vm) => {
gridRef = $vm;
//获取select【地区】配置
let cityOption = gridRef.getFormOption("City");//City改为要操作的字段
//通过cityOption选择后，给select2重新绑定数据源与textare重新设置值
let source = [];
//添加下拉框选中事件
cityOption.onChange = (val, option) => {
//通过http从后台加载数据源
//proxy.http.post(url, {}, true).then(source => {
//后台返回数据源格式
source = [ { key: "1", value: "text1"},{ key: "2", value: "text2"}];
//注意：如果返回的数据数组长度超过500
// 请在onInit的第一行加上gridRef.select2Count=100000；
//重新绑定数据源
//获取select【是否启用】配置
gridRef.getFormOption("Enable").data = source;//Enable改为要操作的字段
//给enableOption标签设置默认选中值
// if (source.length) {
// editFormFields[enableOption.field] = source[0].key+"";
// }
//})
}
};
vue2 代码
onInit() {
//获取select【地区】配置
let cityOption = this.getFormOption("City");//City改为要操作的字段
//通过cityOption选择后，给select2重新绑定数据源与textare重新设置值
let source = [];
//添加下拉框选中事件
cityOption.onChange = (val, option) => {
//通过http从后台加载数据源
//this.http.post(url, {}, true).then(source => {
//后台返回数据源格式
source = [ { key: "1", value: "text1"},{ key: "2", value: "text2"}];
//注意：如果返回的数据数组长度超过500
// 请在onInit的第一行加上this.select2Count=100000；
//重新绑定数据源
//获取select【是否启用】配置
this.getFormOption("Enable").data = source;//Enable改为要操作的字段
//给enableOption标签设置默认选中值
// if (source.length) {
// this.editFormFields[enableOption.field] = source[0].key+"";
// }
//})
}
}