表格列表常用方法和事件以及事件触发的时机.docVIP

表格列表常用方法和事件以及事件触发的时机

一、获取表格的vm对象

首先要清楚，要想使用表格gridModel原型上的方法和事件，就要先获取表格的实例对象，通过以下代码获取；

function(event){

varviewModel=this;

//页面只有一个表格时，获取表格vm对象的方法，通过如下代码获取

vargridModel=viewModel.getGridModel();

//页面有多个表格时，获取某个表格vm对象的方法，通过表格的childrenfield属性值或者cCode，获取指定表格vm对象

vargridModel=viewModel.get(childrenfield/cCode);

}

二、表格常用方法汇总

1、控制是否显示表格序号

function(event){

varviewModel=this;

vargridModel=viewModel.getGridModel();

//控制是否显示表格序号，通过showRowNo字段状态来控制，bool类型true:显示，false:隐藏

gridModel.setState(showRowNo,true);

}

2、控制是否显示列设置(表格右上角三个点)

function(event){

varviewModel=this;

vargridModel=viewModel.getGridModel();

//控制是否显示列设置，通过showColumnSetting字段状态来控制，bool类型true:显示，false:隐藏

gridModel.setState(showColumnSetting,true);

}

3、控制是否显示分页(正常元数据渲染情况下)

function(event){

varviewModel=this;

vargridModel=viewModel.getGridModel();

//控制是否显示分页(正常元数据渲染情况下)，通过pagination字段状态来控制，bool类型true:显示，false:隐藏

gridModel.setState(pagination,true);

}

4、获取表格行模型

function(event){

varviewModel=this;

vargridModel=viewModel.getGridModel();

//获取表格行模型（编辑态）

gridModel.getEditRowModel();

}

5、获取表格列模型

function(event){

varviewModel=this;

vargridModel=viewModel.getGridModel();

//获取表格列模型

gridModel.getEditRowModel().get(表格列字段名);

}

6、控制是否展示多选框(以下两种方式都可以)

function(event){

varviewModel=this;

vargridModel=viewModel.getGridModel();

//控制表格是否展示多选框(以下两种方式都可以)

//1.通过setShowCheckbox()方法来控制，bool类型true:显示，false:隐藏

gridModel.setShowCheckbox(true);

//2.通过showCheckBox字段状态来控制，bool类型true:显示，false:隐藏

gridModel.setState(showCheckBox,true);

}

7、控制表格每页显示的数据条数(两种情况，分开讲解)

function(event){

varviewModel=this;

vargridModel=viewModel.getGridModel();

//1.表格第一次加载，在表格数据加载之前设置分页条数(第一种情况)

//数据加载之前

gridModel.on(beforeLoad,function(data){

//通过setPageInfo()方法设置，参数为object-{pageSize:number,pageIndex:number,recordCount:number}