Vol.Pro开发文档

onInited

生成页面初始化属性配置，onInited与上面的区别在于明细表配置

[vue3代码]写在生成的[表.vue]文件中,[vue2代码]写在[表.jsx]文件methods方法中；二选一实现

vue3代码

let gridRef; //对应[表.jsx]文件中this.使用方式一样
//生成对象属性初始化
const onInit = async ($vm) => {
  gridRef = $vm;

  //动态设置明细表字段是否可以编辑
  gridRef.detailOptions.columns.forEach((c) => {
    if (c.field == "字段") {
      c.checkEdit = (row, column, index) => {
        return row.字段 == "值";
      };
    }
  });

  //明细表点击表格时触发编辑方法
  gridRef.detailOptions.beginEdit = (row, column, index) => {
    return true; //返回false不会进行编辑
  };
  //明细表格行编辑结束方法
  gridRef.detailOptions.endEditBefore = (row, column, index) => {
    return true; //返回false不会进行编辑
  };
  //设置弹出框宽度
  gridRef.boxOptions.width = 1000;
};

vue2 代码

onInit() {
    //动态设置明细表字段是否可以编辑
  this.detailOptions.columns.forEach((c) => {
    if (c.field == "字段") {
      c.checkEdit = (row, column, index) => {
        return row.字段 == "值";
      };
    }
  });

  //明细表点击表格时触发编辑方法
  this.detailOptions.beginEdit = (row, column, index) => {
    return true; //返回false不会进行编辑
  };
  //明细表格行编辑结束方法
  this.detailOptions.endEditBefore = (row, column, index) => {
    return true; //返回false不会进行编辑
  };
  //设置弹出框宽度
  this.boxOptions.width = 1000;
}

更多属性配置见：参数属性