编辑表单下拉框 select 联动操作
[vue3代码]写在生成的[表.vue]文件中,[vue2代码]写在[表.jsx]文件methods方法中；二选一实现
vue3代码
const onInit = ($vm) => {
gridRef = $vm;
//获取字段表单配置信息
let option = gridRef.getFormOption("字段");
//绑定下拉框选中事件
option.onChange = (val, ops) => {
//下拉框选中时给其他表单字段设置值
editFormFields.字段=值
//通过http从后台加载数据源
//proxy.http.post(url, {}, true).then(source => {
//后台返回数据源格式
//let source = [ { key: "1", value: "text1"},{ key: "2", value: "text2"}];
//给【是否启用】字段配置绑定数据源
// gridRef.getFormOption("Enable").data = source;//Enable改为要操作的字段
//})
}
};
vue2 代码
onInit() {
//获取字段表单配置信息
let option = this.getFormOption("字段");
//绑定下拉框选中事件
option.onChange = (val, ops) => {
//下拉框选中时给其他表单字段设置值
this.editFormFields.字段=值
//通过http从后台加载数据源
//this.http.post(url, {}, true).then(source => {
//后台返回数据源格式
//let source = [ { key: "1", value: "text1"},{ key: "2", value: "text2"}];
//给【是否启用】字段配置绑定数据源
// this.getFormOption("Enable").data = source;//Enable改为要操作的字段
//})
}
}