GridModel表格

对应控件:表格

方法

validate()

说明:校验函数合法性、必输项

参数:无

示例

model.validate()

getDirtyData()

说明:获取脏数据

示例

model.getDirtyData()

getDirtyRowIndexes()

说明:获取脏数据的行号集合

示例

 model.getDirtyRowIndexes()

getData()

说明:获取所有数据

示例

model.getData()

getColumns(fields)

说明:批量获取栏目信息

入参:fields为所需获取栏目的fieldname集合,可选参数,如不传,则获取所有栏目的信息

示例

model.getColumns(fields)

getColumns(field)

说明:获取单列栏目的信息

入参:field为所需获取栏目的fieldname

示例

model.getColumn(field)

hasColumn(field)

说明:判断函数,判断是否包含该栏目

入参:field为所要判断栏目的fieldname

返回值:true or false

示例

model.hasColumn(field)

setDirty(dirty)

说明:设置脏数据取值范围 默认为false为收集数据时只收集脏数据。

入参:dirty类型Boolean传入true则收集数据时不区别脏数据,为完整数据

示例

model.setDirty(dirty)

setReadOnly(value)

说明:设置grid属性为是否可编辑状态

入参:value true or false

示例

model.setReadOnly(value)

setFocusedRowIndex(index)

说明:设置焦点行

入参:index 需要设置的焦点行行号

示例

model.setFocusedRowIndex(index)

getCellValue(rowIndex,cellName)

说明:获取单元格value值

入参:rowIndex 行号,cellName 列(fieldname)

示例

model.getCellValue(rowIndex,cellName)

setCellValue(rowIndex, cellName, value, check, blur)

说明:设置单元格value值

入参:rowIndex 行号,cellName 列名(fieldname),value 值 check boolean型 内部调用参数 可不传blur 为true时,单元格数据改变后变为不可编辑状态

示例

model.setCellValue(rowIndex, cellName, value, check, blur)

getRowState(rowIndex,name)

说明:获取行状态

入参:rowIndex 行号 name 状态名

示例

//获取行1的disabled状态
model.getRowState(1,’disabled’)

setRowState(rowIndex, name, value)

说明:设置当前行的状态,例如禁用、只读、样式

入参:rowIndex 行号 name 状态名 value 状态值

示例

//设置第一行为禁用状态
gridModel.setRowState(1,disabled,true); 
//设置第一行外层的className为"public_fixedDataTableRow_red".
gridModel.setRowState(1, 'className', 'red');

getColumnState(cellName, name)

说明:获取列状态

入参:cellName 列名(fieldname) name 状态名

示例

model.getColumnState(2,’bCanModify’)

setColumnState(cellName, name, value)

说明:设置列状态

入参:cellName 列名(fieldname) name 状态名 value 状态值

示例

//设置inventory列的readOnly状态为true
model.setColumnState(‘inventory’,’readOnly’,true)

setColumnValue(cellName, value, check)

说明:设置整列数据的值

入参:cellName 列名(fieldname) value 列值 check boolean型 内部调用参数 可不传

示例

model.setColumnValue(cellName, value, check)

getCellState(rowIndex, cellName, name)

说明:获取单元格状态

入参:rowIndex 行号 cellName 列名 name 状态名

示例

//获取第一行inventory列的readOnly状态的值
model.getCellState (1,’ inventory’,’readOnly’)

setCellState(rowIndex, cellName, name, value)

说明:设置单元格状态

入参:rowIndex 行号 cellName 列名(fieldname) name 状态名 value 状态值

示例

//设置第1行inventory列的readOnly状态为true
model.setCellState(1,’ inventory’,’readOnly’,true)

setColumns(columns, fieldNames)

说明:设置grid栏目

入参:columns 栏目集合 fieldNames fieldname集合(可不传)

示例

model.setColumns(columns, fieldNames)

clear()

说明:清除全部数据

示例

model.clear()

setDataSource(proxyConfig, queryParams, callback)

说明:如果GridModel中dataSourceMode为local则proxyConfig参数传递为真实数据。否则proxyConfig参数传递服务请求地址,queryParams传递请求参数,callback传递回调函数。

//dataSourceMode为local
model.setDataSource(GridData)
//dataSourceMode不为local
model.setDataSource(‘bill/list.do’,{‘id’:1},function(result){})

load (proxyConfig, params, callback)

说明:调用方法同setDataSource方法中dataSourceMode不为local的情况

setPageSize(pageSize)

说明:设置grid分页的页大小

入参:pageSize 页大小

示例

model.setPageSize(pageSize)

setPageIndex(pageIndex)

说明:设置grid分页中的页码

入参:pageIndex 页码

示例

model.setPageIndex(pageIndex)

getPageSize()

说明:获取当前grid分页的页大小

示例

model.getPageSize()

select(rowIndexes)

说明:设置grid选中行

入参:rowIndexes 行号集合

示例:

model.select([1,2,3])  设置grid选中行号为1,2,3行

getPageIndex()

说明:获取grid分页中的当前页码

示例

model.getPageIndex()

unselect(rowIndexes)

说明:设置grid取消选中的行

入参:rowIndexes 行号集合

示例

model.unselect(rowIndexes)

selectAll()

说明:选中所有行

示例

model.selectAll()

unselectAll()

说明:取消选中所有行

示例

model.unselectAll()

getSelectedRows()

说明:获取grid中已选中行的数据

示例

model.getSelectedRows()

getSelectedRowIndexes()

说明:获取grid中已选中行的行号

示例

model.getSelectedRowIndexes()

getRows()

说明:获取grid中的所有行数据

示例

model.getRows()

updateRow(rowIndex, rowData)

说明:更新行数据

入参:rowIndex 行号 rowData 行数据

示例

model.updateRow(rowIndex, rowData)

insertRow(rowIndex, rowData)

说明:grid插行功能

入参:rowIndex 行号 rowData 行数据

示例

//在第三行下插入行,行数据为rowData
model.insertRow(3,rowData)

insertRows(rowIndex, rowDatas)

说明:grid批量插行功能

入参:rowIndex 行号 rowDatas 行数据

示例

//在第三行下插入rowDatas.length行,数据为rowDatas
model.insertRow(3,rowDatas)

appendRow(rowData)

说明:grid增行功能

入参;rowData 行数据

示例

model.appendRow(rowData)

deleteRows(rowIndexes)

说明:grid 删行功能

入参:rowIndexes 行号集合

示例

//删除grid中第行号为1,2的行
model.deleteRows([1,2])

getRowsByIndexes(rowIndexes)

说明:根据行号获取grid中数据

入参:rowIndexes 行号集合

示例

model.getRowsByIndexes(rowIndexes)

getRow(rowIndex)

说明:根据行号获取行数据

入参:rowIndex 单个行号

示例

model.getRow(rowIndex)

事件

beforeCellValueChange

说明:grid单元格数据改变前事件, 返回true继续单元格数据改变,返回false终止单元格数据改变。

//示例中data格式为{ rowIndex:‘行号’, cellName: ‘列名’, value: ‘新值’, oldValue: ‘旧值’}
viewmodel.get(propertyName).on(' beforeCellValueChange,function (data) {
    return true;
});

afterCellValueChange

说明:grid单元格数据改变后事件

//示例中data格式为{ rowIndex:‘行号’, cellName: ‘列名’, value: ‘新值’, oldValue: ‘旧值’}
viewmodel.get(propertyName).on(' afterCellValueChange,function (data) {});

beforeRowStateChange

说明:行状态改变前事件,返回true继续行状态改变,返回false终止改变

//示例中data格式为{ rowIndex: ‘行号’, propertyName: ‘状态名’, value: ‘状态新值’, oldValue: ‘旧值’}
viewmodel.get(propertyName).on(' beforeRowStateChange',function (data) {
    return true;
});

afterRowStateChange

说明:行状态改变后事件

//示例中data格式为{ rowIndex: ‘行号’, propertyName: ‘状态名’, value: ‘状态新值’, oldValue: ‘旧值’}
viewmodel.get(propertyName).on(' afterRowStateChange',function (data) {});

beforeColumnStateChange

说明:列状态改变前事件, 返回true继续列状态改变,返回false终止状态改变

//示例中data格式为{ cellName: ‘列名’, propertyName: ‘状态名’, value: ‘状态名’, oldValue: ‘旧值’}
viewmodel.get(propertyName).on(' beforeColumnStateChange',function (data) {
    return true;
});

afterColumnStateChange

说明:列状态改变后事件

//示例中data格式为{ cellName: ‘列名’, propertyName: ‘状态名’, value: ‘状态名’, oldValue: ‘旧值’}
viewmodel.get(propertyName).on(' afterColumnStateChange',function (data) {});

beforeColumnValueChange

说明:列值改变前事件,返回true允许列值改变,返回false终止列值改变

//示例中data格式为{ cellName: ‘列名’, value: ‘列值’}
viewmodel.get(propertyName).on(' beforeColumnValueChange',function (data) {
       return true;
});

afterColumnValueChange

说明:列值改变后事件

//示例中data格式为{ cellName: ‘列名’, value: ‘列值’}
viewmodel.get(propertyName).on(' afterColumnValueChange',function (data) {});

beforeCellStateChange

说明:单元格状态改变前事件,返回true则允许状态改变,返回false终止改变

//示例中data格式为{ rowIndex: ‘行号’, cellName: ‘列名’, propertyName: ‘状态名’, value: ‘新值’, oldValue: ‘旧值’ }
viewmodel.get(propertyName).on(' beforeCellStateChange',function (data) {
    return true;
});

afterCellStateChange

说明:单元格状态改变后事件

//例:示例中data格式为{ rowIndex: ‘行号’, cellName: ‘列名’, propertyName: ‘状态名’, value: ‘新值’, oldValue: ‘旧值’ }
viewmodel.get(propertyName).on(' afterCellStateChange',function (data) {});

beforeSetColumns

说明:设置grid栏目前事件,返回true为允许设置栏目,返回false终止设置

//例:示例中columns格式为栏目数据格式
viewmodel.get(propertyName).on(' beforeSetColumns',function (columns) {
    return true;
});

afterSetColumns

说明:设置grid栏目后事件

//例:示例中columns格式为栏目数据格式
viewmodel.get(propertyName).on(' afterSetColumns',function (columns) {});

beforeSetDataSource

说明:设置grid数据前事件,返回true为允许设置grid数据,返回false为终止设置数据

//例:示例中data为grid数据格式
viewmodel.get(propertyName).on(' beforeSetDataSource',function (data) {
     return true;
});

afterSetDataSource

说明:设置grid数据后事件

//例:示例中data为grid数据格式
viewmodel.get(propertyName).on(' afterSetDataSource',function (data) {});

beforeSelect

说明:选中select前事件,返回true为允许选中,返回false为终止选中

//例:示例中rowIndexes为行号,单行(整形)or多行(数组)
viewmodel.get(propertyName).on(' beforeSelect',function (rowIndexes) {
     return false;
});

afterSelect

说明:选中select后事件

//例:示例中rowIndexes为行号,单行(整形)or多行(数组)
viewmodel.get(propertyName).on(' afterSelect',function (rowIndexes) {});

beforeUnSelect

说明:取消选中select前事件,返回true为允许取消选中,返回false为终止取消选中

//例:示例中rowIndexes为行号,单行(整形)or多行(数组)
viewmodel.get(propertyName).on(' beforeUnSelect',function (rowIndexes) {
    return false;
});

afterUnSelect

说明:选中select事件

//例:示例中rowIndexes为行号,单行(整形)or多行(数组)
viewmodel.get(propertyName).on(' afterUnSelect',function (rowIndexes) {});

beforeSelectAll

说明:全选前事件,返回true为允许全选,返回false为终止全选

viewmodel.get(propertyName).on(' beforeSelectAll',function () {
    return  false;
});

afterSelectAll

说明:全选后事件

//例:示例中rows为选中行数据
viewmodel.get(propertyName).on(' afterSelectAll',function (rows) {});

beforeUnSelectAll

说明:全消前事件,返回true为允许全消,返回false为终止全消

viewmodel.get(propertyName).on(' beforeUnSelectAll',function () {
     return false;
});

afterUnSelectAll

说明:全消后事件

viewmodel.get(propertyName).on(' afterUnSelectAll',function () {})

beforeInsertRow

说明:增行/插行前事件,返回true为允许增/插行,返回false为终止操作

//例:示例中data格式为{ index: ‘增/插行行号’, row: ‘行数据’}
viewmodel.get(propertyName).on('beforeInsertRow',function (data) {
   return false;
});

afterInsertRow

说明:增行/插行后事件

//例:示例中data格式为{ index: ‘增/插行行号’, row: ‘行数据’}
viewmodel.get(propertyName).on('afterInsertRow',function (data) {});

beforeDeleteRows

说明:删行前事件,返回true为允许删行,返回false为终止操作

//例:示例中rows为要删除的行数据
viewmodel.get(propertyName).on('beforeDeleteRow',function (rows) {
   return false;
});

afterDeleteRows

说明:删行后事件

//例:示例中rows为已删除的行数据
viewmodel.get(propertyName).on('afterDeleteRow',function (rows) {});
Copyright © 用友 -【生态技术部】 2021 all right reserved,powered by Gitbook修订时间: 2021-12-11 16:52:35

results matching ""

    No results matching ""