easyui-datagrid属性.docx

数据表格属性（DataGrid Properties）属性继承控制面板，以下是数据表格独有的属性。名称类型描述默认值columnsarray数据表格列配置对象，查看列属性以获取更多细节。undefinedfrozenColumnsarray跟列属性一样，但是这些列固定在左边，不会滚动。undefinedfitColumnsboolean设置为true将自动使列适应表格宽度以防止出现水平滚动。falseautoRowHeightboolean定义设置行的高度，根据该行的内容。设置为false可以提高负载性能。truetoolbararray,selector数据表格顶部面板的工具栏。可能的值：1）数组，每个工具选项和链接按钮相同。2）选择显示的工具栏。在一个div的标签定义工具栏:$(#dg).datagrid({????toolbar: #tb});div id=tba href=# class=easyui-linkbutton data-options=iconCls:icon-edit,plain:true/aa href=# class=easyui-linkbutton data-options=iconCls:icon-help,plain:true/a/div通过数组定义工具栏:$(#dg).datagrid({????toolbar: [{????????iconCls: icon-edit,????????handler: function(){alert(edit)}????},-,{????????iconCls: icon-help,????????handler: function(){alert(help)}????}]});nullstripedboolean设置为true将交替显示行背景。falsemethodstring请求远程数据的方法类型。postnowrapboolean设置为true，当数据长度超出列宽时将会自动截取。trueidFieldstring表明该列是一个唯一列。nullurlstring一个用以从远程站点请求数据的超链接地址。nullloadMsgstring当从远程站点载入数据时，显示的一条快捷信息。Processing, please wait …paginationboolean设置true将在数据表格底部显示分页工具栏。falserownumbersboolean设置为true将显示行数。falsesingleSelectboolean设置为true将只允许选择一行。falsecheckOnSelectboolean如果为true，该复选框被选中/取消选中，当用户点击某一行上。如果为false，该复选框仅检查/取消选中，当用户点击完全的复选框。此属性是1.3版本。trueselectOnCheckboolean如果设置为true，单击一个复选框，将始终选择行。如果为false，不会选择行选中该复选框。此属性是1.3版本。truepagePositionstring?定义的分页栏的位置。可用的值有?top,bottom,both。此属性是可自1.3版本。bottompageNumbernumber当设置分页属性时，初始化分页码。1pageSizenumber当设置分页属性时，初始化每页记录数。10pageListarray当设置分页属性时，初始化每页记录数列表。[10,20,30,40,50]queryParamsobject当请求远程数据时，发送的额外参数。示例:$(#dg).datagrid({????queryParams: {????????name: easyui,????????subject: datagrid????}});{}sortNamestring当数据表格初始化时以哪一列来排序。nullsortOrderstring定义排序顺序，可以是asc或者desc（正序或者倒序）。ascremoteSortboolean定义是否通过远程服务器对数据排序。trueshowFooterboolean定义是否显示行底（如果是做统计表格，这里可以显示总计等）。falserowStylerfunction返回样式，如：background:red，function有2个参数：index：行索引，从0开始.row：对应于该行记录的对象。示例:$(#dg).datagrid({????rowStyler: function(index,row){????????if (row.listprice80){????????????return background-color:#6293BB;color:#fff;;????????}????}});?loaderfun