Cómo mostrar todas las filas en el jqGrid?

Jqgrid (3.5 de todos modos) no parece tener una forma elegante de hacer esto. Lo mejor que he encontrado hasta ahora es agregar algo como lo siguiente a sus opciones de cuadrícula:

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

Donde el 100000000 es un número arbitrariamente mayor que el número máximo de filas que devolverá, y la línea de opción[value=] es para que su interfaz de usuario se vea un poco mejor. Jenky, pero funciona para mí.

Si no desea usar paginación en absoluto, cambie el código del lado del servidor para simplemente devolver todas las filas. no utilice el parámetro rows en absoluto.

Si desea tener la lista de filas, pero también tiene una opción para mostrar todo, haga algo como esto en las propiedades de la cuadrícula

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

Y luego en el código del lado del servidor, asegúrese de ignorar el parámetro rows si OBTIENE ['rows'] = ' ALL '

Esto funciona:

// 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);
}

Si ha establecido la paginación en la barra de navegación, también puede acceder al número total de filas escritas en la parte inferior derecha de la cuadrícula y luego agregarlas a la opción Lista de filas generada.

Haz algo como:

    // 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));

Establecer rowNum:-1 hizo el truco para mí

Jqgrid.PagerSettings.PageSize = Max Row you want to display;
Jqgrid.ToolBarSettings.ToolBarPosition = ToolBarPosition.Hidden;

Tengo esto funcionando:

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

Esto funciona con y sin la opción loadOnce establecida en true. Tenga en cuenta que primero tiene que establecer la opción rowNum en 0, si omite esta opción, seguirá mostrando los 20 registros por defecto. Además, asumo que está devolviendo el total de filas del servidor en el formato de lector JSON documentado.

Resuelto con un simple cambio: rowNum: inputDataArray.longitud

Donde inputDataArray es la matriz que estoy proporcionando a la Red.

También puede entrar en jquery.jqGrid.js y cambie "rowNum:20" a "rowNum: Some-Really-Large-Number". Cuando defina su jqGrid, no especifique rowNum. A continuación, devuelva todo el conjunto de datos a jqGrid.

Setting rowNum: "obtienes todas las filas.

Incluso si todavía aparece en el documento que no se puede establecer rowNum a -1 a partir de jqGrid 4.5.4 funciona de nuevo (tal vez en la versión anterior también).

De forma predeterminada, la cuadrícula JQ muestra un máximo de 20 filas, si está utilizando no está utilizando la paginación:

// 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'
        });

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

Esto cambia la opción "TODOS" al número real de registros en el conjunto de datos.