Блог

Я знаю, что это может показаться дублированием, и, во что бы то ни стало, покажите мне, какой из них, потому что я потратил 2 дня на поиск похожего вопроса, но безрезультатно. У меня есть таблица, в которой пользователь может выбирать строки, проверяя их и опцию «Просмотреть запись». Моя проблема в том, что кнопки навигации внутри панели «Просмотр записи» полностью отключают выбранные строки. Если у меня есть четыре строки и я проверяю строки 1 и 3, потому что я хочу видеть записи только этих двух, я нажимаю на кнопку далее после того, как я увидел запись 1, и затем отображается строка 2, а не третья. Это не желаемое поведение. У кого-нибудь есть идея, как сделать так, чтобы кнопки навигации в разделе «просмотр записи» разрешали навигацию только между выбранными строками? Заранее большое спасибо.

О, вот мой код:

     var resultItems =  [
        {
            customerId: 20000001,
            customerName:"Customer 1",
        },
        {
            customerId: 20000002,
            customerName:"Customer 2",
        },
        {
            customerId: 20000003,
            customerName:"Customer 3",
        }  ,
        {
            customerId: 20000004,
            customerName:"Customer 4",
        }
    ];

    var fields =  [
        {name: "Id", label: "Id", search: true,  key: true}, //, hidden:true
        {name: "customerName", label: "Kunde", search: true, sortable: true,prefix:null,},
        {name: "customerId", label: "Customer-ID", search: true, sortable: true,prefix:null,}

    ];

    $(function () {
        "use strict";
        $.jgrid.guiStyles.jQueryUI.dialog.window = "dijitPopup ui-jqgrid-jquery-ui ui-widget ui-           widget-content ui-corner-all ui-front";
        
        $("#enhancedReportingGrid").jqGrid({
            datatype:"local",
            colModel: fields,
            data: resultItems,
            iconSet: "fontAwesome",
            loadonce: true,
            viewrecords: true,
            width: 780,
            height: 200,
            multiselect:true,
            pager: "#enhancedReportingGridPager",
        });
        $('#enhancedReportingGrid').jqGrid('navGrid', '#enhancedReportingGridPager',
            {add: false, edit: false, del: false, search: false, view: true}, {width: 500});
    });
  

Я предлагаю вам переключиться на поддерживаемую коммерческую версию Guriddo jqGrid.

Я только что добавил в Guriddo jqGrid опцию, выбранную в методе viewGridRow, которая позволяет просматривать только выбранные строки в режиме множественного выбора. Опция editselected делает то же самое для режима редактирования. Эта опция (выбранная для редактирования) также существует в старых версиях.

Эта функция будет доступна в предстоящем выпуске, который запланирован на 1 сентября 2020 года

Вот рабочая демонстрация Guriddo