jquery datagrid设置pageSize不起作用

最近发现一个问题: jquery datagrid设置pageSize不起作用

 

经过研究,找到了结果

解决如下:

$("#dataGrid").datagrid({


  pageList : [4, 8, 16],          // 可以设置每页记录条数的列表
  pageSize : 8                       // 每页显示的记录条数

)}

一定要在初始化的时候配置,如果在$('#dataGrid').datagrid('getPager').pagination({....})中配置的话,

由于加载先后顺序,在页面加载的时候不会进行pageSize的赋值,可能是jquery中不太完善的地方。

 

至于有些人,在demo中写在getPager中pagination里面的,是不正确的。。

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
jQuery Datagrid 是一个基于 jQuery 的插件,用于在网页上呈现和操作数据表格。它提供了丰富的功能和灵活的配置选项,可以帮助开发人员快速构建交互式和功能强大的数据表格。 使用 jQuery Datagrid,你可以轻松地加载和显示数据,支持分页、排序、过滤等常见的数据操作功能。它还提供了丰富的事件和回调函数,可以方便地处理用户交互和自定义行为。 要使用 jQuery Datagrid,你首先需要引入 jQuery 库和 Datagrid 插件的相关文件。然后,你可以通过简单的 HTML 结构定义表格的布局,使用 JavaScript 初始化和配置 Datagrid,并且绑定数据源。最后,你可以根据需要自定义样式和交互行为。 以下是一个简单的示例代码,展示了如何使用 jQuery Datagrid: ```html <!DOCTYPE html> <html> <head> <title>jQuery Datagrid Example</title> <link rel="stylesheet" href="path/to/jquery-datagrid.css"> <script src="path/to/jquery.min.js"></script> <script src="path/to/jquery-datagrid.min.js"></script> </head> <body> <table id="datagrid"></table> <script> $(document).ready(function() { $('#datagrid').datagrid({ url: 'path/to/data.json', columns: [ { field: 'id', title: 'ID' }, { field: 'name', title: 'Name' }, { field: 'age', title: 'Age' } ], pagination: true, pageSize: 10 }); }); </script> </body> </html> ``` 在上面的示例中,我们引入了 jQuery 库和 Datagrid 插件的文件,并在页面中定义了一个 id 为 "datagrid" 的空表格。然后,通过 JavaScript 初始化 Datagrid,指定数据源的 URL、列的配置以及其他选项。最后,调用 `datagrid()` 方法来生成和显示数据表格。 请注意,这只是一个简单的示例,你可以根据实际需求进行更多的配置和自定义。具体的使用方法和选项,请参考 Datagrid 插件的文档和示例代码。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值