Как показать все строки в jqGrid?

jqgrid (в любом случае 3.5), похоже, не имеет элегантного встроенного способа сделать это. Лучшее, что я нашел до сих пор, это добавить что-то вроде следующего в параметры сетки:

rowList:[10,20,30,100000000],
loadComplete: function() {
    $("option[value=100000000]").text('All');
},

Где 100000000 — это произвольно большее число, чем максимальное число строк, которые вы когда-либо вернете, а строка option[value=] — это то, что ваш пользовательский интерфейс выглядит немного лучше. Дженки, но работает для меня.

если вы вообще не хотите использовать подкачку, измените код на стороне сервера, чтобы просто вернуть все строки. вообще не используйте параметр rows.

если вы хотите иметь список строк, но также иметь возможность показать все, сделайте что-то подобное в свойствах сетки

jQuery("#statement_mods").jqGrid({
  rowList:['ALL',30,50,100,200]
});

а затем в коде на стороне сервера убедитесь, что вы игнорируете параметр rows, если GET['rows']='ALL'

Это работает:

// Step1 - defines the rows
jqGridOptions.rowList =[10, 50, 100, 500, 'All'];
...
...
// Step2 - Change the 'All' to a meaningful value 
loadComplete: function (data) {
   $(".ui-pg-selbox option[value='All']").val(1000);
}

настройка rowNum:-1 помогла мне

Если вы установили нумерацию страниц на панели навигации, вы также можете получить доступ к общему количеству строк, записанных в правой нижней части сетки, а затем добавить к сгенерированному параметру RowList.

Сделайте что-нибудь вроде:

    // Get the total number of rows and delete space between numbers (Split the content of the div depending of the language (for me french)

var val=jQuery("#pager_right div").text().split('sur')[jQuery("#pager_right div").text().split('sur').length-1].split(' ').join('');

    // And do the appending if the option isn't already added

if(!$(".ui-pg-selbox option[value='"+val+"']").length > 0)
    jQuery(".ui-pg-selbox").append($('<option></option>').val(val).html(val));

Установка rowNum: ''вы получаете все строки.

У меня это работает:

$('#bla').jqGrid({
        ...
        'rowNum'      : 0,
        'loadOnce'    : true,
        'loadComplete': function(data) {
            $(this).jqGrid('setGridParam', 'rowNum', data.total);
        },
        ...
});

Это работает как с параметром loadOnce, установленным в значение true, так и без него. Обратите внимание, что сначала вы должны установить для параметра rowNum значение 0, если вы пропустите этот параметр, по умолчанию все равно будет отображаться 20 записей. Кроме того, я предполагаю, что вы возвращаете общее количество строк с сервера в документированном формате чтения JSON.

разрешил это простым изменением: rowNum: inputDataArray.length

где inputDataArray — это массив, который я передаю в Grid.

По умолчанию сетка JQ показывает максимум 20 строк, если вы не используете нумерацию страниц:

// To over come with this problem ,you can just write the bold    mark
   (rowNum:10000,):
   $("#MasterDataDefinationGrid").jqGrid({
            url: 'FetchData.aspx/GetDataFromDB',
            datatype: 'json',
            mtype: 'POST',
            height: 300,
            autowidth: true,
            serializeGridData: function (postData) {
                return JSON.stringify(postData);
            },
            ajaxGridOptions: { contentType: "application/json" },
            loadonce: true,
            colNames: [Your column names],
            colModel: [Your model],
            formatter: 'actions',
            pager: '#MasterDataDefinationPager', pgbuttons: false,pgtext:false,
            multiselect: false,
            ignoreCase: true,
            **rowNum: 10000,**
            loadtext: 'Loading ...',
            gridview: true,
            hidegrid: false,
            jsonReader: {
                page: function (obj) { return 1; },
                total: function (obj) { return 1; },
                records: function (obj) { return obj.d.length; },
                root: function (obj) { return obj.d; },
                repeatitems: false,
                id: "0"
            },
            caption: 'Data'
        });

Вы также можете зайти в jquery.jqGrid.js и изменить «rowNum: 20» на «rowNum: Some-Really-Large-Number». Когда вы определяете свой jqGrid, не указывайте rowNum. Затем верните весь набор данных обратно в jqGrid.

Даже если в документе все еще отображается, что вы не можете установить для rowNum значение -1, начиная с jqGrid 4.5.4, он снова работает (возможно, и в более ранней версии).

loadComplete: function (data) {
                //set our "ALL" select option to the actual number of found records
                $(".ui-pg-selbox option[value='ALL']").val(data.records);
}

Это изменяет параметр «ВСЕ» на фактическое количество записей в наборе данных.

Настройка rowNum:-1 работает для меня так, как будто после этого она показывала все записи, но у нее все еще была опция номера строки в нижнем колонтитуле сетки, например:

Чтобы удалить это, я просто добавил опцию css для отображения none, получив сектор в jquery. Нравится

$('#id_tableCell').css('display', 'none');

Примечание. Эту настройку css следует выполнить после завершения загрузки сетки.