Vol开发文档3.5
Series

编辑表单隐藏 select 下拉框选项

  1. 隐藏前
  2. 隐藏后
    [vue3代码]写在生成的[表.vue]文件中,[vue2代码]写在[表.jsx]文件methods方法中；二选一实现
    vue3 代码
//弹出框打开时，
const modelOpenBefore = (row) => {
   //动态隐藏、显示下拉框的数据源(2021.05.16更新后volform.vue才能使用)
    const item = gridRef.getFormOption('字段')
    //item.data为下拉框数据源选项
    item.data.forEach(kv=>{
        //设置下拉框选项隐藏
        // kv.hidden=true;

        //这里根据实际条件来判断下拉框选项是否显示
        //如：新建时隐藏某些选项
        // if(this.currentAction == "Add"){
        //     if(kv.key=="1"){
        //         kv.hidden=truel
        //     }
        // }

        //或者根据this.editFormFields的值来判断要隐藏某些字段
    })
};
//也可以在下拉框选择事件去设置其他下拉框的操作，见上面的【事件操作】

@tab vue2 代码

//弹出框打开时，
modelOpenBefore(row) {
    //动态隐藏、显示下拉框的数据源(2021.05.16更新后volform.vue才能使用)
    const item = this.getFormOption('字段')
    //item.data为下拉框数据源选项
    item.data.forEach(kv=>{
        //设置下拉框选项隐藏
        // kv.hidden=true;

        //这里根据实际条件来判断下拉框选项是否显示
        //如：新建时隐藏某些选项
        // if(this.currentAction == "Add"){
        //     if(kv.key=="1"){
        //         kv.hidden=truel
        //     }
        // }

        //或者根据this.editFormFields的值来判断要隐藏某些字段
    })
}
//也可以在下拉框选择事件去设置其他下拉框的操作，见上面的【事件操作】

:::

ON THIS PAGE