jqgrid pagerCustomI
时间: 2024-01-13 13:04:24 浏览: 78
很抱歉,我的回答不完整,我补充一下。
`pagerCustomIcons` 属性用于自定义 jqGrid 分页控件的图标,示例代码如下:
```javascript
$("#grid").jqGrid({
// 其他配置项
pager: "#pager",
pagerCustomIcons: {
prev: "ui-icon ui-icon-circle-arrow-w",
next: "ui-icon ui-icon-circle-arrow-e",
first: "ui-icon ui-icon-seek-first",
last: "ui-icon ui-icon-seek-end"
},
// 其他配置项
});
```
在上述代码中,我们通过设置 `pagerCustomIcons` 属性来自定义分页控件的图标,其中 `prev` 表示上一页按钮的图标,`next` 表示下一页按钮的图标,`first` 表示第一页按钮的图标,`last` 表示最后一页按钮的图标。
你可以根据需要使用自己喜欢的图标,例如使用 Font Awesome 图标:
```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"
},
// 其他配置项
});
```
在上述代码中,我们使用了 Font Awesome 图标来自定义分页控件的图标。
阅读全文