jqgrid - 如何在jQgrid header 中添加复选框

Question

每个jQgrid行都有多个复选框，因此我不能使用(仅)多重选择。

这是设置列的方式...

{ name: 'ColName', label: '', width: 50, editable: true, sortable: false, edittype: "checkbox", formatter: 'checkbox', formatoptions: { disabled:false}, index:"my_checkbox", editoptions: {value:"Yes":"No"} }

当我单击标题中的复选框时，标题将被重绘而不勾选。我可以捕获事件，但是无法向用户显示支票。

所以我的问题是，如何获得一个在标题标签中正常运行的复选框，或者如何实现多个多重选择。

Answer 1

通过防止在复选框事件之后触发jQgrid事件，我能够解决我的问题。

我将复选框更改为...

<input type="checkbox" onclick="checkBox(event)" />

并添加了以下方法...

function checkBox(e) {
  e = e||event;/* get IE event ( not passed ) */
  e.stopPropagation? e.stopPropagation() : e.cancelBubble = true;
}