jqGrid 实现control和shift快捷键多选

朱雀 2022-04-23 05:36 151阅读 0赞

$('#gridTable').jqGrid({
       beforeSelectRow: multiSelectHandler
    })
    
    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);
                    }
                }
            }
        }

下面是如何获取选中的行信息

var selectedConnrs = $("#gridTable").jqGrid("getGridParam", "selarrrow");//数组