jqgrid 按钮添加到顶部
时间: 2023-09-05 09:07:13 浏览: 130
jquery.jqGrid.js顶部工具栏扩展
4星 · 用户满意度95%
要将 jqgrid 的按钮添加到顶部,你需要使用 `pager` 选项来控制分页栏的位置,并使用 `toppager` 选项来控制顶部栏的位置。具体步骤如下:
1. 在 jqgrid 的初始化选项中,将 `pager` 选项设置为 `true`,这将显示分页栏。
```javascript
$("#grid").jqGrid({
// ... 其他选项
pager: true,
// ... 其他选项
});
```
2. 在 jqgrid 的初始化选项中,将 `toppager` 选项设置为 `true`,这将显示顶部栏。
```javascript
$("#grid").jqGrid({
// ... 其他选项
toppager: true,
// ... 其他选项
});
```
3. 使用 `navGrid` 方法添加需要的按钮。该方法会自动将按钮添加到分页栏中,但你需要手动将它们添加到顶部栏中。你可以使用 `navButtonAdd` 方法将按钮添加到顶部栏中。以下是一个例子:
```javascript
$("#grid").jqGrid('navGrid', '#grid_toppager', {
// ... 其他选项
}).navButtonAdd('#grid_toppager', {
caption: "Add",
buttonicon: "ui-icon-plus",
onClickButton: function () {
// 处理添加按钮的点击事件
},
position: "last"
});
```
在这个例子中,我们首先使用 `navGrid` 方法添加一组按钮,然后使用 `navButtonAdd` 方法将 `Add` 按钮添加到顶部栏中。`position` 选项用于指定按钮应该插入到哪个位置,这里我们设置为 `last`,表示将按钮添加到顶部栏的最后一个位置。
通过这些步骤,你就可以将 jqgrid 的按钮添加到顶部栏中了。
阅读全文