jQuery中datagrid使用帮助手册,供参考

这篇博客详细介绍了jQuery中的DataGrid组件,包括其依赖关系、使用方法、数据表格属性、列属性、编辑器、数据表格视图、事件及方法。通过示例代码展示了如何配置DataGrid,如定义列、编辑器以及数据加载等操作。
摘要由CSDN通过智能技术生成

数据表格

继承$.fn.panel.defaults,使用$.fn.datagrid.defaults重载默认值。

依赖关系
  • 控制面板
  • 缩放
  • 链接按钮
  • 分页
使用方法
  1. <tableid="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. });
数据表格属性

属性继承控制面板,以下是数据表格独有的属性。

名称 类型 描述 默认值
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(每页记录数)<
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值