gridComplete 函数中的 jqGrid 绑定事件

Question

我在 ASP.NET MVC 项目中使用 jqgrid。我正在尝试在 gridComplete 函数中绑定单击事件。然后我想检测单击的单元格是否可编辑。到目前为止，我已经得到了这一点：

    gridComplete: function () {
                var ids = jQuery("#resources").jqGrid('getDataIDs');
                for (var i = 0; i < ids.length; i++) {
                    var cl = ids[i];
                    jQuery('#resources').jqGrid('editRow', cl);
                }
                $("#resources td").click(function(e) {
                    ...//here I want to check if clicked cell is editable
                });

     }

如您所见，我正在加载网格后立即准备好行进行编辑。这仅指属性 editable=true 的列。

更新：

解决方案非常简单：

    $("#resources td").click(function(e) {
                    var sClassName = e.target.className;
                    if (sClassName == "editable") {
                        //editable cell is clicked
                    }
     });

Answer 1

我不完全理解你的要求。单击“可编辑”或“不可编辑”单元格时您希望执行哪些其他操作？

不过，我建议您使用 onCellSelect 回调处理程序而不是绑定网格中每个单元格的 click 事件。为了理解每个绑定需要一些网络浏览器资源。您可以只绑定一个单元格的父元素，例如 元素（网格本身），而不是将事件绑定到单元格。由于称为事件流的机制，< em>事件传播或事件冒泡未处理的事件将尝试由父元素或父元素的父元素的相同事件处理程序处理，依此类推。事件处理程序接收 事件对象，其中 target 属性有助于检测最初单击的是哪个元素。

代码

onCellSelect: function (rowid, iCol, cellcontent, e) {
    var colModel = $(this).jqGrid('getGridParam', 'colModel');
    if ($.isArray(colModel) && !colModel[iCol].editable) {
        // non-editable cell is clicked 
    }
}

因此，您可以使用类似或这样的

onCellSelect: function (rowid, iCol, cellcontent, e) {
    if (!this.p.colModel[iCol].editable) {
        // non-editable cell is clicked 
    }
}

来检测当前单击的单元格是否不可编辑。