jqgrid 分页控件显示自定义信息
时间: 2023-12-29 19:04:35 浏览: 30
可以通过在 jqGrid 初始化时设置 `pagerCustomIcons` 属性来自定义分页控件的图标,示例代码如下:
```javascript
$("#grid").jqGrid({
// 其他配置项
pager: "#pager",
pagerCustomIcons: {
prev: "fa fa-angle-left",
next: "fa fa-angle-right",
first: "fa fa-angle-double-left",
last: "fa fa-angle-double-right"
},
// 其他配置项
});
```
在上述代码中,我们通过设置 `pagerCustomIcons` 属性来自定义分页控件的图标,其中 `prev` 表示上一页按钮的图标,`next` 表示下一页按钮的图标,`first` 表示第一页按钮的图标,`last` 表示最后一页按钮的图标。
如果你想要显示自定义的信息,可以通过在 jqGrid 初始化时设置 `pgtext` 属性来实现,示例代码如下:
```javascript
$("#grid").jqGrid({
// 其他配置项
pager: "#pager",
pgtext: "第 {0} 页 / 共 {1} 页",
// 其他配置项
});
```
在上述代码中,我们通过设置 `pgtext` 属性来显示自定义的信息,其中 `{0}` 表示当前页数,`{1}` 表示总页数。你可以根据需要自由组合显示的信息。