# Grid 列表

#

# 代码示例

#

▼显示代码


【grid 使用数据库进行排序】

▼显示代码


#

# 参数列表

参数 说明 类型 可选值 默认值
colModel 表格列定义 Array 自定义
---------- display 显示的列名称 string 自定义
---------- name 对应的后台字段名字 string 自定义
---------- sortType 排序类型 string data、number、string 默认按照文本排序
---------- sortable 是否可以排序 boolean true/false true
---------- width 列宽 string/number 自定义（100或者15%）/small/big/medium
---------- align 内容显示的位置 string left/center/right left
---------- type 显示类型 string checkbox、radio、空 空
height 高度[px]，默认200px Number 自定义
dbOrderBy 设置是否需要数据库排序 （8.0新增功能） boolean true/false false
click 单击事件返回值
:row(行json对象),
colIndex(所在列index值),
rowIndex(所在行index值)		 Function(data,rowIndex, colIndex)
dbclick 双击事件返回值
:row(行json对象),
colIndex(所在列index值),
rowIndex(所在行index值)		 Function(data,rowIndex, colIndex)
parentId 指定父元素ID，来适应其宽高 String 自定义 自定义
width 宽度值[px],默认auto表示根据每列的宽度自动计算 number 自定义 自定义
resizable 是否可伸缩 boolean true/false false
usepager 是否分页[false] boolean true/false false
rpMaxSize 每页显示条数最大值[200] number 自定义 自定义
onChangeSort 当改变排序时执行的函数，
当该属性设置时，组件不再使用自己的查询机制。		 boolean true/false false
onCurrentPageSort 是否只对当前页的数据进行排序，
当设置为true时，只对当前页的数据进行排序。		 boolean true/false false
onSuccess 成功后执行的函数 Function
slideToggleBtn 上下伸缩按钮是否显示 boolean true/false false
slideToggleUpHandle 自定义列表上箭头事件 Function
slideToggleDownHandle 自定义列表下箭头事件 Function
resizeGridUpDown 动态设置分割条位置 grid.grid.resizeGridUpDown('up') String up/middle/down up
customId 个性化存储id ，默认值为$.ctx._currentPathId,
自定义的化在默认值后添加后缀
,例如customId : $.ctx.currentPathId+"${xxx.ff}";		 string 自定义 自定义
showToggleBtn 显示/隐藏表头下拉箭头 boolean true/false true
noTotal 不显示：总条数、当前在第几页、
最后一条按钮（7.1新增功能）		 boolean true/false false
customize 是否启用个性化存储 boolean true/false true


#

# 方法列表

方法名 说明 参数 1 参数 2 例子
ajaxgridLoad 请求后台数据 params[请求参数] o.type = 'Account';
$("#gridObj").ajaxgridLoad(o);
callBackTotle 设置totle条数回调函数 类似:render gridObj.p.callBackTotle=function(total){}
grid 获取grid对象 gridObj.grid;
destroyGrid 通过gridObj.destroyGrid来销毁当前表格对象，
用户界面上表格销毁，重新渲染		 gridObj.grid.destroyGrid();
getSelectRows 获取选中行数组，例如[{"id": 10001, ... },{"id": 10001, ... }] gridObj.grid.getSelectRows();
p 获取grid所有参数 gridObj.p

← Tree 树 →