jquery - jqGrid tableToGrid - 如果表中没有找到行则显示消息

Question

我正在尝试在 html 表格上使用 jqgrid 生成网格。我可以做到这一点，但如果表中没有找到行，我想显示一条消息。我怎样才能做到这一点？

这是我的 jquery 代码...

jQuery.extend(jQuery.jgrid.defaults, {
                caption: "my list",
                autowidth: true,
                height: "100%",
                hidegrid: false,
                loadComplete: function() {
                    alert("Grid has been loaded");
                },
                colModel:[
                   { name: 'date', index: 'date', width: 0, resizable: false },
                   { name: 'icon', index: 'icon', width: 0, resizable: false },
                   { name: 'shop', index: 'shop', width: 0, resizable: false },
                   { name: 'delete', index: 'delete', width: 0, resizable: false }
                ]
            });
            tableToGrid("#item_table", {
               colNames: ['Date', '', 'Shop', 'Delete']
            });

Answer 1

$.jgrid.defaults.emptyrecords中定义的标准消息(请参阅 grid.locale-en.js )仅在使用从服务器加载的远程数据填充 jqGrid 的情况下默认显示(请参阅 this answer )。状态栏右侧将显示相应的文字(参见grid.locale-en.js)“没有可查看的记录”。

在 another answer我展示了如何在“本地”填充 jqGrid 的情况下强制显示文本(如您的情况)或如何在网格的主体区域中显示相应的文本(请参阅答案中的演示)。因此，在将现有表转换为 jqGrid 时，您可以执行相同的操作 tableToGrid 。事件处理程序beforeRequest可以在 jQuery.jgrid.defaults 中定义执行此操作或作为 tableToGrid 第二个参数的附加属性功能。如果你按照第二个demo，则需要修改loadComplete的代码您当前用于显示/隐藏 jqGrid 正文中带有“无行”消息的 div 的函数。