jqgrid 表头顶部增加按钮
时间: 2023-09-06 22:13:09 浏览: 162
Flex dataGrid 表头添加按钮
要在 jqGrid 表头顶部增加按钮,可以通过以下步骤实现:
1. 在 jqGrid 的 caption 属性中增加一个 div 元素,例如:
```javascript
caption: '<div id="myHeaderButton"><button class="btn btn-primary">Click</button></div>'
```
2. 在 jqGrid 的 loadComplete 事件中,为按钮绑定 click 事件回调函数,例如:
```javascript
loadComplete: function () {
$("#myHeaderButton button").click(function(){
// 处理点击事件的逻辑
});
}
```
3. 在 jqGrid 的 gridComplete 事件中,重新设置表头的高度,以便将按钮显示在顶部,例如:
```javascript
gridComplete: function () {
var headerHeight = $(".ui-jqgrid-hdiv").height();
$(".ui-jqgrid-htable").height(headerHeight + 50);
$("#myHeaderButton").css("margin-top", "-" + (headerHeight + 50) + "px");
}
```
其中,50 是按钮的高度加上一些额外的空隙。
通过以上步骤,就可以在 jqGrid 的表头顶部增加一个按钮了。
阅读全文