보기를 변경할 때까지 JQGrid 호출기가 표시되지 않음

설명 된 문제의 원인은 addRowData데이터를 채우는 데 사용하기 때문입니다 . 공식 jqGrid 데모 페이지 에 "Loading Data"/ "Array Data"에서 찾을 수있는 매우 가까운 코드가 포함되어 있다는 것은 매우 안타깝 습니다. 이 코드에는 작은 오류 ( i <= mydata.length로 대체되어야 함 i < mydata.length) 가있을 뿐만 아니라 매우 비효율적입니다. 데모 페이지는 매우 오래되었습니다. jqGrid 3.7 ( "버전 3.7의 새로운 기능"/ "한 번에 배열 데이터로드"참조)부터 훨씬 더 효과적인 방법이 있습니다 : data매개 변수 사용 .

Instead of filling the data in loop you can extend every item of mydata array with additional property id and use just data: mydata option. In the case the data will be first sorted (corresponds to sortname: "num", sortorder: "desc" which you use) and then the first page will be displayed. The user can use pager to navigate over the pages of data.

If the value of num which you displays is already unique (have different values in every row) then you don't need to add id property to mydata array. Instead of that you can add key: true property in the definition of num column in colModel. After that jqGrid will use the value from num column as "rowid" (the value of id attribute assigned to <tr> elements of the grid).

또한 당신이 사용하는 것이 좋습니다 gridview: true모든 그리드에서 옵션을 제거 index에서 colModel당신과 같은 값을 사용하는 경우 name. 그런데 데이터 유형 : "local"을 사용하는 경우 및에 대해 동일한 값을 제거 하거나 지정 해야 합니다 .indexindexname

따라서 최종 코드는 다음과 같을 수 있습니다.

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

작은 버그를 수정했습니다 . 오류 인 height속성을 두 번 지정 했습니다 ( height: 250및 height: 'auto').