首页 > 代码库 > EasyUI 之datagrid 使用 ----各种参数

EasyUI 之datagrid 使用 ----各种参数

可选的参数

DataGrid 属性

覆写了 $.fn.datagrid.defaults.

参数名类型          描述默认值
titlestring          Datagrid面板的标题null
iconClsstring          在面板上通过一个CSS类显示16x16图标。null
borderboolean          设置面板是否具有边框true
widthnumber          datagrid面板的宽度auto
heightnumber          datagrid面板的高度auto
columnsarray          DataGrid列配置对象null
frozenColumnsarray          冻结的列,被现实在左边null
stripedboolean          设置是否让单元格显示条纹。默认false。false
methodstring          通过该方法类型请求远程数据。默认post。post
nowrapboolean          是否包裹数据,默认为包裹数据显示在一行true
idFieldstring          标识字段,或者说主键字段null
urlstring          请求数据的URL.null
loadMsgstring          加载数据时显示的信息Processing, please wait …
paginationboolean          是否显示分页工具栏false
rownumbersboolean          是否显示行号false
singleSelectboolean          是否单选false
fitboolean          是否自动适应父容器false
pageNumbernumber          分页初始化行号1
pageSizenumber          初始化分页大小10
pageListarray          分页大小选择列[10,20,30,40,50]
queryParamsobject          请求数据时额外发送的参数{}
sortNamestring          排序列null
sortOrderstring          升序还是降序 ‘asc‘ 或者 ‘desc‘.asc

Column 属性

DataGrid Columns 是一个数组对象, 数组里的对象也是一个数组,数组里的每一个小对象就是一个列字段,例如:

columns:[[
{field:‘itemid‘,title:‘Item ID‘,rowspan:2,width:80,sortable:true},
{field:‘productid‘,title:‘Product ID‘,rowspan:2,width:80,sortable:true},
{title:‘Item Details‘,colspan:4}
],[
{field:‘listprice‘,title:‘List Price‘,width:80,align:‘right‘,sortable:true},
{field:‘unitcost‘,title:‘Unit Cost‘,width:80,align:‘right‘,sortable:true},
{field:‘attr1‘,title:‘Attribute‘,width:100},
{field:‘status‘,title:‘Status‘,width:60}
]]
名称类型描述默认值
titlestring列字段要现实的名称undefined
fieldstring列字段undefined
widthnumber宽度undefined
rowspannumber单元格行数undefined
colspannumber单元格列数undefined
alignstring文本对齐方式,同align属性.undefined
sortableboolean是否可以被排序.undefined
checkboxboolean是否具有多选框undefined

Events(事件)

NameParametersDescription
onLoadSuccessnone调用远程数据成功是激活
onLoadErrornone装载错误时激活
onClickRowrowIndex, rowData点击一行时激活,参数包括:
rowIndex:点击的行数,从0开始
rowData: 当前行的数据
onDblClickRowrowIndex, rowData双击一行是触发,参数包括:
rowIndex:点击的行数,从0开始
rowData: 当前行的数据
onSortColumnsort, order对一列进行排序时激活,参数包括:
sort:排序字段名称
order: 排序规则,升序,降序
onSelectrowIndex, rowData选中一行时激活,参数有:
rowIndex:选中的行数
rowData: 数据
onUnselectrowIndex, rowData取消选中时激活,参数:
rowIndex:选中的行数
rowData: 数据

Methods(方法)

NameParameterDescription
optionsnone返回所有属性
resizenone重置大小布局
reloadnone重新加载数据
fixColumnSizenone调整列的大小
loadDataparam装载数据,以前的数据会被移除
getSelectednone返回选中的行,没有则返回空
getSelectionsnone返回所有的行,空则返回空数组
clearSelectionsnone取消所有选中
selectRowindex选中一行,参数为行号
selectRecordidValue根据主键查询出一条记录
unselectRowindex取消选中一行

EasyUI 之datagrid 使用 ----各种参数