javascript - jqgrid 复选框更改事件

Question

我的数据库中有真/假值。我想用 jqgrid 中的复选框更新它们。一旦该值设置为 true，它将保持为 true，不应更改。请看一下我的专栏模型:

{
    name : 'available',
    width : 12,
    resizable: true,
    editable: true,
    align: 'center',
    edittype:'checkbox',
    formatter: "checkbox", formatoptions: {disabled : false},
    classes:'check',
    editrules:{required:false}, editoptions:{size:39,value:"True:False"}
}

我试图在选中复选框时捕获事件，目前它们都未选中，到目前为止我已经尝试过:

jq(".check input").each(function(){
    jq(this).click(function(){
        aler("works");
    });
});

jq("input[type='checkbox']").change(function(){
    alert("works");
}); 

jq(":checkbox").parent().click(function(evt) {
    if (evt.target.type !== 'checkbox') {
        var $checkbox = jq(":checkbox", this);
        $checkbox.attr('checked', !$checkbox.attr('checked'));
        $checkbox.change();
        alert("");
    }
});

这些都不起作用，我不知道还能尝试什么。

当用 firebug 检查复选框代码时，它看起来像这样:

<input type="checkbox" offval="no" value="false">

Answer 1

您可以创建自定义格式化程序。在你的网格中，

formatter: cboxFormatter,

然后定义函数，

function cboxFormatter(cellvalue, options, rowObject)
{
  return '<input type="checkbox"' + (cellvalue ? ' checked="checked"' : '') + 
      'onclick="alert(' + options.rowId + ')"/>';
}

您可以使用onclick 来执行您的任务或调用函数。