jqgrid formatter button事件
时间: 2023-07-28 16:06:56 浏览: 191
的实现方式是什么?
对于jqgrid的formatter button事件的实现方式,通常有两种方法:
1)使用自定义formatter函数,然后绑定button的点击事件,例如:
```
function myFormatter(cellvalue, options, rowObject) {
return "<button onclick='myFunction(" + options.rowId + ")'>点击</button>";
}
function myFunction(rowId) {
//处理按钮点击事件
}
```
2)使用jqgrid自带的formatter:"actions",该formatter会生成一个包含多个按钮的单元格,例如:
```
formatter: "actions",
formatoptions: {
keys: true,
editbutton: true,
delbutton: true,
editformbutton: false,
aftersavefunc: function (rowid, response) {
alert(response.responseText);
}
}
```
需要注意的是,使用jqgrid自带的formatter:"actions"时,需要在colModel中指定哪些按钮可见,以及按钮点击后的处理方式。
相关问题
jqgrid 表头增加按钮
要在 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 的表头中添加一个自定义按钮了。
阅读全文
相关推荐

















