onInit
生成页面初始化属性配置
[vue3代码]写在生成的[表.vue]文件中,[vue2代码]写在[表.jsx]文件methods方法中;二选一实现
vue3代码
let gridRef //对应[表.jsx]文件中this.使用方式一样
//生成对象属性初始化
const onInit = async ($vm) => {
gridRef = $vm
//表格设置为单选
gridRef.single=true;
//明细表设置为单选
gridRef.detailOptions.single=true;
//设置编辑表单数量字段的最小与最大值
const qtyOption this.getFormOption("Qty");
qtyOption.min = 10;
qtyOption.max = 200;
//动态修改table并给列添加事件
gridRef.columns.forEach(x => {
if (x.field == "Qty") {
x.formatter = (row) => {
return '<a>' + row.Qty + "(弹出框)" + '</a>'
}
x.click = (row, column, event) => {
}
}
})
//动态设置弹出框table的高度
gridRef.detailOptions.height = 110;
//动态设置查询界面table高度
gridRef.tableHeight = 200;
}
vue2 代码
onInit() {
//表格设置为单选
this.single=true;
//明细表设置为单选
this.detailOptions.single=true;
//设置编辑表单数量字段的最小与最大值
const qtyOption this.getFormOption("Qty");
qtyOption.min = 10;
qtyOption.max = 200;
//动态修改table并给列添加事件
this.columns.forEach(x => {
if (x.field == "Qty") {
x.formatter = (row) => {
return '<a>' + row.Qty + "(弹出框)" + '</a>'
}
x.click = (row, column, event) => {
}
}
})
//动态设置弹出框table的高度
this.detailOptions.height = 110;
//动态设置查询界面table高度
this.tableHeight = 200;
}
更多属性配置见:参数属性