JqueryeasyuiDataGrid数据表格.docxVIP

Jquery easyui DataGrid 数据表格 扩展自 $.fn.panel.defaults ，用 $.fn.datagrid.defaults 重写了 defaults 。 依赖 panel resizable linkbutton pagination 用法 1. table id=tt/table 1. $(#tt).datagrid({ 2. url:datagrid_data.json, 3. columns:[[ 4. {field:code,title:Code,width:100}, 5. {field:name,title:Name,width:100}, 6. {field:price,title:Price,width:100,align:right} 7. ]] 8. }); 数据表格（DataGrid）的特性 其特性扩展自 panel，下列是为 datagrid 增加的特性。 名称类型说明默认值columnsarraydatagrid 的 column 的配置对象，更多详细请参见 column 的特性。nullfrozenColumnsarray和列的特性一样，但是这些列将被冻结在左边。nullfitColumnsbooleanTrue 就会自动扩大或缩小列的尺寸以适应表格的宽度并且防止水平滚动。falsestripedbooleanTrue 就把行条纹化。（即奇偶行使用不同背景色）falsemethodstring请求远程数据的 method 类型。postnowrapbooleanTrue 就会把数据显示在一行里。trueidFieldstring标识字段。nullurlstring从远程站点请求数据的 URL。nullloadMsgstring当从远程站点加载数据时，显示的提示信息。Processing, please wait …paginationbooleanTrue 就会在 datagrid 的底部显示分页栏。falserownumbersbooleanTrue 就会显示行号的列。falsesingleSelectbooleanTrue 就会只允许选中一行。falsepageNumbernumber当设置了 pagination 特性时，初始化页码。1pageSizenumber当设置了 pagination 特性时，初始化页码尺寸。10pageListarray当设置了 pagination 特性时，初始化页面尺寸的选择列表。[10,20,30,40,50]queryParamsobject当请求远程数据时，发送的额外参数。{}sortNamestring定义可以排序的列。nullsortOrderstring定义列的排序顺序，只能用 asc 或 desc。ascremoteSortboolean定义是否从服务器给数据排序。trueshowFooterboolean定义是否显示一行页脚。falserowStylerfunction返回例如 background:red 的样式，该函数需要两个参数：rowIndex： 行的索引，从 0 开始。rowData： 此行相应的记录。loadFilterfunction返回过滤的数据去显示。这个函数需要一个参数 data ，表示原始数据。 你可以把原始数据变成标准数据格式，此函数必须返回标准数据对象，含有 total 和 rows 特性。editorsobject定义编辑行时的 editor 。预定义的 editorviewobject定义 datagrid 的 view 。默认的 view列（Column）的特性 DataGrid 的 Column 是一个数组对象，它的每个元素也是一个数组。数组元素的元素是一个配置对象，它定义了每个列的字段。 代码示例： 1. columns:[[ 2. {field:itemid,title:Item ID,rowspan:2,width:80,sortable:true}, 3. {field:productid,title:Product ID,rowspan:2,width:80,sortable:true}, 4. {title:Item Details,colspan:4} 5. ],[ 6. {field:listprice,title:List Price,width:80,align:right,s