Question

我想在jqGrid中使用以下功能。当用户单击网格中的复选框时，会选择一行。当用户随后单击“控制键”并选择该复选框时，用户可以随后选择更多行。然后，当用户单击复选框并选择当前行时，则选择当前行。这有可能与jqGrid？但是，单击单元格时不会发生任何事情。只有复选框可以提供事件。

Answer 1

是的，它应该是可能的。看看checkbox selection的正常示例 - 它可以帮助您了解其中的一部分。但它并没有像你期望的那样真正处理SHIFT选择的东西。

我做了一些搜索，并在jqGrid支持网站上找到了这段代码：

function multiSelectHandler(sid, e) {
    var grid = $(e.target).closest("table.ui-jqgrid-btable");
    var ts = grid[0], td = e.target;
    var scb = $(td).hasClass("cbox");
    if ((td.tagName == 'INPUT' && !scb) || td.tagName == 'A') {
        return true;
    }
    var sel = grid.getGridParam('selarrrow');
    var selected = $.inArray(sid, sel) >= 0;
    if (e.ctrlKey || (scb && (selected || !e.shiftKey))) {
        grid.setSelection(sid,true);
    } else {
        if (e.shiftKey) {
            var six = grid.getInd(sid);
            var min = six, max = six;
            $.each(sel, function() {
                    var ix = grid.getInd(this);
                    if (ix < min) min = ix;
                    if (ix > max) max = ix;
                });
            while (min <= max) {
                var row = ts.rows[min++];
                var rid = row.id;
                if (rid != sid && $.inArray(rid, sel)<0) {
                    grid.setSelection(row.id, false);
                }
            }
        } else if (!selected) {
            grid.resetSelection();
        }
        if (!selected) {
            grid.setSelection(sid,true);
        } else {
            var osr = grid.getGridParam('onSelectRow');
            if ($.isFunction(osr)) {
                osr(sid, true);
            }
        }
    }
}

要使用它，您应该能够将beforeSelectRow处理程序设置为此函数。防爆。像这样的东西：

$("#gridid").jqGrid({
// Rest of code to configure grid
beforeSelectRow: multiSelectHandler,
// Other handlers/configuration
});

jqGrid多行选择高级

1 个答案: