如何在JQGrid标题处添加用户定义的复选框

已尝试如下

jqGrid({
datatype: 'json',
colNames: ["<input type='checkbox' name = 'chkAllOutputField'/>", "other columns" ]

jqGrid({
数据类型：“json”，
colNames:[“”，“其他列”]

复选框显示在标题上，但无论如何单击，都不会选中/取消选中该复选框

---

如何通过单击使其处于选中/未选中状态我不知道您希望在列标题内的复选框中实现什么场景，但是为了能够更改复选框的“选中”状态，您应该解除jqGrid用于标题的“单击”事件句柄的绑定。例如，如果列的名称为“foo”（名称：“foo”）并且网格具有id=“list”，那么标题的相应元素具有id=“list\u foo”，您可以使用

$("th#list_foo").unbind('click');

这样做

$("th#list_foo input").click(function(){
    // implement your custom behavior
    alert("clicked!");
});

在这里找到一种方法：

---

下面是使jqgrid头中的复选框工作的更好方法

如果您看到html代码，则在输入标记周围有一个div标记，该标记具有class-ui jqgrid sortable。这会阻止选中复选框

移除它，它将按照您的预期工作

下面的解决方案

在复选框中添加一个id

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

当消息框显示“单击”时，复选框被选中。但在单击消息框上的“确定”按钮后，它再次被取消选中。我需要它作为普通复选框。找到一种方法，并添加以下方法…函数复选框（e）{e=e | | event；/*获取IE事件（未通过）*/e.stopPropagation？e.stopPropagation（）：e.cancelBubble=true；}其中list#foo是list#注意：如果您想执行“酷，现在我可以删除$”（“th#list#foo”）。取消绑定（'click'）；再次：）

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

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

$('#hdrCbox').parent().removeClass('ui-jqgrid-sortable');