jqueryeasyuidatagrid数据表格

jqueryeasyuidatagrid数据表格

ID:8794927

大小:39.73 KB

页数:8页

时间:2018-04-08

jqueryeasyuidatagrid数据表格_第1页
jqueryeasyuidatagrid数据表格_第2页
jqueryeasyuidatagrid数据表格_第3页
jqueryeasyuidatagrid数据表格_第4页
jqueryeasyuidatagrid数据表格_第5页
资源描述:

《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

当前文档最多预览五页,下载文档查看全文

此文档下载收益归作者所有

当前文档最多预览五页,下载文档查看全文
温馨提示:
1. 部分包含数学公式或PPT动画的文件,查看预览时可能会显示错乱或异常,文件下载后无此问题,请放心下载。
2. 本文档由用户上传,版权归属用户,天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。
3. 下载前请仔细阅读文档内容,确认文档内容符合您的需求后进行下载,若出现内容与标题不符可向本站投诉处理。
4. 下载文档时可能由于网络波动等原因无法下载或下载错误,付费完成后未能成功下载的用户请联系客服处理。