jqgrid 表头增加按钮
时间: 2023-08-12 14:07:53 浏览: 156
要在 jqGrid 表头增加按钮,可以通过以下步骤实现:
1. 定义一个自定义按钮,并将其添加到 jqGrid 的 colModel 中,例如:
```javascript
{name: 'myButton', index: 'myButton', width: 50, align: 'center', sortable: false, formatter: function(){return '<button id="myButton" class="btn btn-primary">Click</button>';}}
```
2. 在 jqGrid 的 loadComplete 事件中,为按钮绑定 click 事件回调函数,例如:
```javascript
loadComplete: function () {
$("#myButton").click(function(){
// 处理点击事件的逻辑
});
}
```
3. 在 jqGrid 的 gridComplete 事件中,重新设置表头的高度,以便将按钮显示出来,例如:
```javascript
gridComplete: function () {
var headerHeight = $(".ui-jqgrid-hdiv").height();
$(".ui-jqgrid-htable").height(headerHeight + 50);
}
```
其中,50 是按钮的高度加上一些额外的空隙。
通过以上步骤,就可以在 jqGrid 的表头中添加一个自定义按钮了。
阅读全文