资源描述:
《jqueryeasyuidatagrid数据表格》由会员上传分享,免费在线阅读,更多相关内容在应用文档-天天文库。
1、JqueryeasyuiDataGrid数据表格扩展自$.fn.panel.defaults,用$.fn.datagrid.defaults重写了defaults。依赖·panel·resizable·linkbutton·pagination用法1.1.$('#tt').datagrid({2.url:'datagrid_data.json',3.columns:[[4.{field:'code',title:'Code',width:100},5.{field:'name
2、',title:'Name',width:100},6.{field:'price',title:'Price',width:100,align:'right'}7.]]8.});数据表格(DataGrid)的特性其特性扩展自panel,下列是为datagrid增加的特性。名称类型说明默认值columnsarraydatagrid的column的配置对象,更多详细请参见column的特性。nullfrozenColumnsarray和列的特性一样,但是这些列将被冻结在左边。nullfitColumnsbooleanTr
3、ue就会自动扩大或缩小列的尺寸以适应表格的宽度并且防止水平滚动。falsestripedbooleanTrue就把行条纹化。(即奇偶行使用不同背景色)falsemethodstring请求远程数据的method类型。postnowrapbooleanTrue就会把数据显示在一行里。trueidFieldstring标识字段。nullurlstring从远程站点请求数据的URL。nullloadMsgstring当从远程站点加载数据时,显示的提示信息。Processing,pleasewait…paginationboo
4、leanTrue就会在datagrid的底部显示分页栏。falserownumbersbooleanTrue就会显示行号的列。falsesingleSelectbooleanTrue就会只允许选中一行。falsepageNumbernumber当设置了pagination特性时,初始化页码。1pageSizenumber当设置了pagination特性时,初始化页码尺寸。10pageListarray当设置了pagination特性时,初始化页面尺寸的选择列表。[10,20,30,40,50]queryParamsob
5、ject当请求远程数据时,发送的额外参数。{}sortNamestring定义可以排序的列。nullsortOrderstring定义列的排序顺序,只能用'asc'或'desc'。ascremoteSortboolean定义是否从服务器给数据排序。trueshowFooterboolean定义是否显示一行页脚。falserowStylerfunction返回例如'background:red'的样式,该函数需要两个参数:rowIndex:行的索引,从0开始。rowData:此行相应的记录。loadFilterfunct
6、ion返回过滤的数据去显示。这个函数需要一个参数'data',表示原始数据。你可以把原始数据变成标准数据格式,此函数必须返回标准数据对象,含有'total'和'rows'特性。editorsobject定义编辑行时的editor。预定义的editorviewobject定义datagrid的view。默认的view列(Column)的特性DataGrid的Column是一个数组对象,它的每个元素也是一个数组。数组元素的元素是一个配置对象,它定义了每个列的字段。代码示例:1.columns:[[2.{field:'ite
7、mid',title:'ItemID',rowspan:2,width:80,sortable:true},3.{field:'productid',title:'ProductID',rowspan:2,width:80,sortable:true},4.{title:'ItemDetails',colspan:4}5.],[6.{field:'listprice',title:'ListPrice',width:80,align:'right',sortable:true},7.{field:'unitcost',
8、title:'UnitCost',width:80,align:'right',sortable:true},8.{field:'attr1',title:'Attribute',width:100},9.{field:'status',title:'Status',width:60}10.]]名称类型说明默认值titlestri