Grails 在jqgrid中：我想显示一个没有分页的空网格，并显示一条消息"；“未找到任何记录”；如果没有记录

我需要显示一个没有分页的空网格，如果jqGrid为空，则显示一条消息“You have no records found”。我对这个jqGrid非常陌生。

我添加了如下代码。请找到Oleg

$（函数（）{
var$grid=$（“#监督样本”），
//mydata=[{操作：“a”，url:http://stackoverflow.com/q/24609566/315935，创建：“7/7/2014”}；
mydata=[]；
emptyMsgDiv=$（“未找到任何记录”）；
$grid.jqGrid({
//自动宽度：正确，
标题：“已评估的URL”，
colNames:[“操作”、“URL”、“获取日期”]，
colModel：[
{name:“actions”，align:“center”，title:false，width:60，reshable:false，sortable:false}，
{名称：“url”，宽度：400}，
{名称：“已创建”，对齐：“中心”，宽度：125，排序类型：“日期”}
],
数据：mydata，
数据类型：“本地”，
emptyrecords：“找到0条记录”，
本地阅读器：{
页码：功能（obj）{
返回（obj.page==0 | | obj.page===undefined）？“0”：obj.page；
}
},
loadComplete:函数（）{
var ts=这个；
如果（ts.p.reccount==0）{
$（this.hide（）；
emptyMsgDiv.show（）；
}否则{
$（this.show（）；
emptyMsgDiv.hide（）；
}
},
高度：“自动”，
sortname:“已创建”，
是的，
寻呼机：“#url寻呼机”，
viewrecords：正确
});
//将带有空消息的div放入bdiv的insde
emptyMsgDiv.insertAfter（$grid.parent（））；
});

这里是指向fiddler的链接，带有“找不到记录”消息。我希望它能让您了解如何创建基本jqgrid以及需要哪些库引用。

jQuery（“#sg1”）.jqGrid({
数据类型：“本地”，
gridview：没错，
有一次：是的，
shrinkToFit：错，
自动编码：正确，
高度：“自动”，
viewrecords：是的，
巫师：“描述”，
是的，
loadui:“禁用”，
emptyrecords:'未找到任何记录'，
传呼机：“#psg1”，
colname:['Inv No'，'Date'，'Client'，'Amount'，'Tax'，'Total'，'Notes'，]，
colModel：[
{名称：'id'，索引：'id'，宽度：60，排序类型：“int”}，
{名称：'invdate'，索引：'invdate'，宽度：90，排序类型：“date”}，
{名称：'name'，索引：'name'，宽度：80}，
{名称：'amount'，索引：'amount'，宽度：80，对齐：“right”，排序类型：“float”}，
{名称：'tax'，索引：'tax'，宽度：80，对齐：“right”，排序类型：“float”}，
{名称：'total'，索引：'total'，宽度：80，对齐：“right”，排序类型：“float”}，
{名称：'note'，索引：'note'，宽度：150，可排序：false}
],
标题：“测试网格”
});
var mydata=[]//传递空数据
对于（var i=0；感谢您的帮助。我尝试过此代码分页工作正常，没有显示空消息。@Gnanendra:您需要设置“emptyrecords”属性。emptyrecords:“未找到任何记录”。请参阅我上面提供的代码和fiddler。@Vim:我找到了，错过了空记录属性。添加该属性后，工作正常。谢谢谢谢你的帮助。
$(function () {
            var $grid = $("#oversight-sample"),
                //mydata = [{actions: "a", url: "http://stackoverflow.com/q/24609566/315935", created: "7/7/2014"}];
                mydata = [];
                emptyMsgDiv = $("<div><span style='color:red;font-size:24px'>You have no records found</span></div>");

            $grid.jqGrid({
                //autowidth: true,
                caption: "Evaluated URLs",
                colNames: ["Actions", "URL", "Fetch Date"],
                colModel: [
                    { name: "actions", align: "center", title: false, width: 60, resizable: false, sortable: false },
                    { name: "url", width: 400 },
                    { name: "created", align: "center", width: 125, sorttype: "date" }
                ],
                data: mydata,
                datatype: "local",
                emptyrecords: "0 records found",
                localReader: {
                    page: function (obj) {
                        return (obj.page === 0 || obj.page === undefined) ? "0" : obj.page;
                    }
                },
                loadComplete: function () {
                    var ts = this;
                    if (ts.p.reccount === 0) {
                        $(this).hide();
                        emptyMsgDiv.show();
                    } else {
                        $(this).show();
                        emptyMsgDiv.hide();
                    }
                },
                height: "auto",
                sortname: "created",
                toppager: true,
                pager: "#url-pager",
                viewrecords: true
            });
            // place div with empty message insde of bdiv
            emptyMsgDiv.insertAfter($grid.parent());
        });



<table id="oversight-sample"><tbody><tr><td></td></tr></tbody></table>
    <div id="url-pager"></div>

<table id="sg1"></table>
<div id="psg1"></div>

jQuery("#sg1").jqGrid({
    datatype: "local",
    gridview: true,
    loadonce: true,
    shrinkToFit: false,
    autoencode: true,
    height: 'auto',
    viewrecords: true,
    sortorder: "desc",
    scrollrows: true,
    loadui: 'disable',
    emptyrecords: 'No records found',
    pager: '#psg1',  
    colNames:['Inv No','Date', 'Client', 'Amount','Tax','Total','Notes'],
    colModel:[
        {name:'id',index:'id', width:60, sorttype:"int"},
        {name:'invdate',index:'invdate', width:90, sorttype:"date"},
        {name:'name',index:'name', width:80},
        {name:'amount',index:'amount', width:80, align:"right",sorttype:"float"},
        {name:'tax',index:'tax', width:80, align:"right",sorttype:"float"},     
        {name:'total',index:'total', width:80,align:"right",sorttype:"float"},      
        {name:'note',index:'note', width:150, sortable:false}       
    ],
    caption: "Test Grid"
});

var mydata = [];//pass empty data

for(var i=0;i<=mydata.length;i++)
    jQuery("#sg1").jqGrid('addRowData',i+1,mydata[i]);