javascript - 即时将第二个 onSelectRow 处理程序绑定到 jqGrid

Question

我有几个包含 jqGrid 的页面，所有这些页面都定义了默认的 onSelectRowEventHandler 函数。

在其中一些页面上，我想放入部分视图 ( @Html.Partial("SpecialGridScripts");) 并在文档就绪处理程序中，将第二个事件处理程序绑定到 selectrow。当用户选择一行时，原始事件处理程序和自定义事件处理程序都应该触发。

到目前为止我尝试过的（不起作用）：

$(document).ready(function () {

    jQuery.extend(jQuery.jgrid.defaults, {

        onSelectAll: function (ids, selected) {
            $(this).triggerHandler("selectAll.jqGrid", [ids, selected]);
        },
        onSelectRow: function (id, selected) {
            $(this).triggerHandler("selectRow.jqGrid", [id, selected]);
        },

    });

    $('#myGrid').bind('selectRow.jqGrid', function (event, id, selected) {
        UpdateVisibility();
    });

});

基于这个 jqgrid 多事件处理程序示例

Answer 1

我自己解决了这个问题：

$(document).ready(function () {

    jQuery.extend(jQuery.jgrid.defaults, {
    onSelectAll: function (ids, selected) {
        $(this).triggerHandler("selectAll.jqGrid", [ids, selected]);
    },
    onSelectRow: function (id, selected) {
        $(this).triggerHandler("selectRow.jqGrid", [id, selected]);
    },

});

$('#myGrid').on('jqGridSelectRow jqGridSelectAll', function (event, id, selected) {
        UpdateVisibility();
    });

});

对于 jqGrid 版本 > 4.3.2，它使用 jQuery 事件，因此我可以将它动态绑定到 jqGridSelectRow 和 jqGridSelectAll。我认为我发布的链接中的解决方案仅适用于 jqGrid < 4.3.2 版。