jfGrid 分页点击下拉选择每页条数
时间: 2023-07-18 15:32:12 浏览: 53
您可以在 `jfGrid` 中使用 `pageList` 属性来设置每页可选择的记录数。例如:
```javascript
$("#gridId").jfGrid({
// 设置每页显示的记录数
pageSize: 10,
// 设置每页可选择的记录数
pageList: [10, 20, 30, 50],
// 设置是否显示分页控件
isPage: true,
// 设置是否显示记录总数
isShowTotal: true,
// 设置是否显示分页信息
isPageInfo: true,
// 设置分页控件的位置
pagerPosition: "center"
});
```
在上述代码中,`pageList` 属性设置为 `[10, 20, 30, 50]`,表示每页可选择的记录数为 10、20、30 或 50 条。设置完成后,分页控件会自动显示每页可选择的记录数下拉框,用户可以通过选择下拉框中的选项来改变每页显示的记录数。
需要注意的是,当用户改变每页显示的记录数时,分页控件会自动跳转到第一页。如果您需要保留当前页码,可以在修改 `pageSize` 属性时,手动调用 `reloadGrid` 方法来刷新表格数据。例如:
```javascript
$("#gridId").setGridParam({
// 修改每页显示的记录数
pageSize: 20
}).trigger("reloadGrid");
```
上述代码会修改每页显示的记录数为 20,并刷新表格数据。