如何显示jqGrid中的所有行？

Question

jqGrid 公开了一个属性 rowNum ，您可以在其中设置每页显示的行数。 如何将网格设置为仅显示所有行？

现在我只是将 rowNum 设置为非常高的值，例如 <%= int.MaxValue %> 但我想知道是否有更好的方法。

Answer 1

<罢工>
在最新版本的jqGrid中，您可以将rowNum设置为-1来指示网格始终显示所有行：

rowNum: -1

请参阅最新的jqGrid文档此处。

具体来说：

<罢工>

设置我们要在网格中查看的记录数。 此参数传递给 url，供检索数据的服务器例程使用。 请注意，如果您将此参数设置为 10（即检索 10 条记录）并且您的服务器返回 15，则只会加载 10 条记录。 将此参数设置为 -1（无限制）以禁用此检查。

---

更新

不幸的是，这种行为在 jqGrid 3.6.3 中被破坏了。 根据托尼的这篇文章：

是的，这是真的。 原因是新引入的卷轴：1。 将来我们将纠正这种行为。

因此 jqGrid 开发人员意识到了这个问题，并且显然计划在未来的版本中修复它。 不幸的是，这篇文章是一年多前的......

此时，我所能建议的就是将 rowNum 设置为一个非常大的数字来模拟 -1。

---

您还可以尝试下面使用 rowNum: '' 的 Whatispunk 解决方案。 但是，我在包含本地数据的网格上尝试了此操作（loadonce: true）。 当尝试对行进行排序时，网格的所有本地数据都会消失。 所以这个解决方案似乎不适用于具有本地数据的网格，除非这个缺陷已在jqGrid的更高版本中修复（我在jqGrid 3.8.2上测试过）。 如果您有反馈意见，请在下面发表评论！

---

Update - April 16, 2014

根据 jqGrid 团队的说法，此问题现已修复：

我添加了在寻呼机选择框中设置不同显示值的支持，包括所有 -1。

不过，我还没有机会进行测试来确认修复。 据推测，此更改将在 jqGrid 4.6.0 之后的下一个版本中出现。

Answer 2

jqgrid（无论如何3.5）似乎没有一个优雅的内置方法来做到这一点。 到目前为止，我发现的最好的方法是将如下内容添加到您的网格选项中：

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

其中 100000000 是比您将返回的最大行数任意更高的数字，并且 option[value=] 行是您的用户界面看起来更好一点。 Jenky，但为我工作。

Answer 3

这有效：

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

Answer 4

如果您根本不想使用分页，则更改服务器端代码以仅返回所有行。 根本不要使用 rows 参数。

如果您想要拥有行列表，但也有一个显示全部的选项，那么在网格属性中执行类似的操作

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

，然后在服务器端代码中确保忽略 rows 参数，如果 GET['rows']='ALL'

Answer 5

设置 rowNum:-1 为我解决了这个问题

Answer 6

如果您在导航栏上设置了分页，您还可以访问网格右下角写入的总行数，然后附加到生成的 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));

Answer 7

设置 rowNum: '' 您将获得所有行。

Answer 8

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

Answer 9

我已经得到了这个工作：

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

无论是否将 loadOnce 选项设置为 true，这都有效。 请注意，您必须首先将 rowNum 选项设置为 0，如果您省略此选项，它仍会默认显示 20 条记录。
另外，我假设您以记录的 JSON 读取器格式从服务器返回总行数。

Answer 10

通过简单的更改解决了它：
rowNum: inputDataArray.length

其中 inputDataArray 是我提供给网格的数组。

Answer 11

默认情况下，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'
        });

Answer 12

您还可以进入 jquery.jqGrid.js 并将“rowNum:20”更改为“rowNum:Some-Really-Large-Number”。 定义 jqGrid 时，不要指定 rowNum。 然后将整个数据集返回到 jqGrid。

Answer 13

即使它仍然出现在文档中，从 jqGrid 4.5.4 开始，您无法将 rowNum 设置为 -1，它仍然可以再次工作（也许在早期版本中也是如此）。

Answer 14

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

这会将“ALL”选项更改为数据集中的实际记录数。

Answer 15

设置 rowNum:-1 对我来说很有效，之后它显示了所有记录，但在网格页脚中仍然有行号选项，如下所示：

要删除此内容，我只需添加了一个 css 选项，通过在 jquery 中获取扇区来显示无。 像这样

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

注意：这个css设置应该在网格加载完成时完成。