Javascript JQGrid寻呼机在我更改视图之前不显示

这是我的密码：

<table id="employees"><tr><td></td></tr></table> 
<div id="pager"></div>

<script type="text/javascript">
    jQuery("#employees").jqGrid({
        datatype: "local",
        height: 250,
        colNames: ['Employee #', 'Name', 'Trade'],
        colModel: [
            { name: 'num', index: 'num', width: 100, sorttype: "int" },
            { name: 'name', index: 'name', width: 300 },
            { name: 'trade', index: 'trade', width: 80 },
        ],
        multiselect: true,
        pager: '#pager',
        rowNum: 10,
        rowList: [10, 20, 30],
        sortname: "num",
        sortorder: "desc",
        scroll: false,
        viewrecords: true,
        autoencode: true,
        height: 'auto',
        caption: "Equipment"
    });

    var mydata = [
        { num: "492", name: "Doug Anderson", trade: "WS" },
        { num: "696", name: "William Anderson", trade: "OP" },
        { num: "826", name: "Chris Autry", trade: "WF" },
        { num: "206", name: "Tom Beffa", trade: "OP" },
        { num: "799", name: "Glenn Bixler", trade: "LB" },
        { num: "360", name: "Pete Bober", trade: "OP" },
        { num: "7", name: "Scott Burgie", trade: "PFW" },
        { num: "476", name: "James Click", trade: "W" },
        { num: "775", name: "Bryan Darst", trade: "LB" },
        { num: "249", name: "Bob Dunham", trade: "LB" },
        { num: "10", name: "Tom Ekclund", trade: "WGF" },
        { num: "390", name: "Noel Edwards", trade: "W" }
    ];
    for (var i = 0; i <= mydata.length; i++)
        jQuery("#employees").jqGrid('addRowData', i + 1, mydata[i]);
</script>

jQuery（“#employees”）.jqGrid({
数据类型：“本地”，
身高：250，
colNames:['Employee#'，'Name'，'Trade']，
colModel：[
{name:'num'，index:'num'，width:100，sorttype:'int'}，
{name:'name'，index:'name'，宽度：300}，
{名称：'trade'，索引：'trade'，宽度：80}，
],
多选：对，
寻呼机：“#寻呼机”，
rowNum:10，
行列表：[10,20,30]，
sortname:“num”，
巫师：“描述”，
卷轴：错，
viewrecords：是的，
自动编码：正确，
高度：“自动”，
描述：“设备”
});
var mydata=[
{num:“492”，姓名：“Doug Anderson”，商标：“WS”}，
{num:“696”，name:“William Anderson”，trade:“OP”}，
{num:“826”，name:“Chris Autry”，trade:“WF”}，
{num:“206”，name:“Tom Beffa”，trade:“OP”}，
{num:“799”，姓名：“Glenn Bixler”，商标：“LB”}，
{num:“360”，name:“Pete Bober”，trade:“OP”}，
{num:“7”，name:“Scott Burgie”，trade:“PFW”}，
{num:“476”，name:“James Click”，trade:“W”}，
{num:“775”，name:“Bryan Darst”，trade:“LB”}，
{num:“249”，name:“Bob Dunham”，trade:“LB”}，
{num:“10”，name:“Tom Ekclund”，trade:“WGF”}，
{num:“390”，姓名：“Noel Edwards”，商标：“W”}
];
对于（var i=0；i所述问题的原因是使用
addRowData
填充数据。非常糟糕的是，官方jqGrid包含非常接近的代码，可以在“加载数据”/“数组数据”下找到。该代码不仅包含小错误（
非常感谢！既然你似乎知道JQGrid在说什么，你能告诉我，也可以在本地搜索吗？目前，搜索的唯一方法似乎是通过“url”传递查询属性并让它返回新数据，但如果可能的话，我更喜欢javascript的方式。@user1579458:不客气！我刚刚用include
key:true
和
gridview:true
修复了代码。本地搜索应该可以工作。如果需要不区分大小写的搜索，可以使用
ignoreCase:true
o选项。要搜索自身，您可以使用由
navGrid
添加的标准搜索对话框，或使用
filterToolbar
进行工具栏搜索。我将修改您的代码并向您发布演示。@user1579458:例如，请尝试。单击“搜索”按钮并选择“名称”“包含”“am”。您将看到3行数据。感谢演示！它在那里工作得很好--但由于某些原因，我无法使它与我的网格一起工作。搜索按钮会出现，但每当我尝试进行查询时，它都会显示“正在加载”但什么也没有发生。我尝试从该页面复制源代码，但即使这样，它也无法正常运行。您可以发布我应该使用的代码以使其正常工作吗？@user1579458:您可以在任何web浏览器中打开的源代码。如果您在某个演示中遇到问题，您应该将URL发布到演示中，或者您可以将演示的完整代码放入并发布链接到jsfiddle演示。
var mydata = [
        { num: "492", name: "Doug Anderson", trade: "WS" },
        { num: "696", name: "William Anderson", trade: "OP" },
        { num: "826", name: "Chris Autry", trade: "WF" },
        { num: "206", name: "Tom Beffa", trade: "OP" },
        { num: "799", name: "Glenn Bixler", trade: "LB" },
        { num: "360", name: "Pete Bober", trade: "OP" },
        { num: "7", name: "Scott Burgie", trade: "PFW" },
        { num: "476", name: "James Click", trade: "W" },
        { num: "775", name: "Bryan Darst", trade: "LB" },
        { num: "249", name: "Bob Dunham", trade: "LB" },
        { num: "10", name: "Tom Ekclund", trade: "WGF" },
        { num: "390", name: "Noel Edwards", trade: "W" }
    ];

$("#employees").jqGrid({
    datatype: "local",
    data: mydata,
    colNames: ["Employee #", "Name", "Trade"],
    colModel: [
        { name: "num", width: 100, key: true, sorttype: "int" },
        { name: "name", width: 300 },
        { name: "trade", width: 80 },
    ],
    multiselect: true,
    pager: "#pager",
    rowNum: 10,
    rowList: [10, 20, 30],
    sortname: "num",
    sortorder: "desc",
    viewrecords: true,
    autoencode: true,
    height: "auto",
    gridview: true,
    caption: "Equipment"
});