数据表格
继承$.fn.panel.defaults,使用$.fn.datagrid.defaults重载默认值。
依赖关系
- 控制面板
- 缩放
- 链接按钮
- 分页
使用方法
- <tableid="tt"></table>
- $('#tt').datagrid({
- url:'datagrid_data.json',
- columns:[[
- {field:'code',title:'Code',width:100},
- {field:'name',title:'Name',width:100},
- {field:'price',title:'Price',width:100,align:'right'}
- ]]
- });
数据表格属性
属性继承控制面板,以下是数据表格独有的属性。
名称 | 类型 | 描述 | 默认值 |
---|---|---|---|
columns(列) | array(数组) | 数据表格列配置对象,查看列属性以获取更多细节。 | null |
frozenColumns(固定列) | array(数组) | 跟列属性一样,但是这些列固定在左边,不会滚动。 | null |
fitColumns(自适应列宽) | boolean(布尔型) | 设置为true将自动使列适应表格宽度以防止出现水平滚动。 | false |
striped(显示条纹) | boolean(布尔型) | 设置为true将交替显示行背景。 | false |
method(方法) | string(字符串) | 请求远程数据的方法类型。 | post |
nowrap(截取) | boolean(布尔型) | 设置为true,当数据长度超出列宽时将会自动截取。 | true |
idField(id字段) | string(字符串) | 表明该列是一个唯一列。 | null |
url(超链接) | string(字符串) | 一个用以从远程站点请求数据的超链接地址。 | null |
loadMsg(载入时信息) | string(字符串) | 当从远程站点载入数据时,显示的一条快捷信息。 | Processing, please wait … |
pagination(分页) | boolean(布尔型) | 设置true将在数据表格底部显示分页工具栏。 | false |
rownumbers(行数) | boolean(布尔型) | 设置为true将显示行数。 | false |
singleSelect(单选模式) | boolean(布尔型) | 设置为true将只允许选择一行。 | false |
pageNumber(当前页码) | number(数字) | 当设置分页属性时,初始化分页码。 | 1 |
pageSize(每页记录数)< |