0

実行時データ「queryData」はサンプル データ「myData」とまったく同じです。「queryData」は ajax からの実行時データですが、テーブルにはデータが入力されていません。jqGrid「data: queryData」のデータ要素で「queryData」を「myData」に置き換えると、テーブルに値が入力されます。「queryData」でエラーが発生せず、テーブルにデータが入力されていません。

function populateTable(dataToPopulate){ 
    var queryData = JSON.stringify(dataToPopulate);
    alert('--query data is:'+queryData);
    $("#searchResultsGrid").jqGrid({         
         data: queryData,
         datatype: 'local',                     
         colNames: ['Claim Number', 'Injury date', 'Last Name', 'First name', 'MI', 'SSN'],
         colModel: [{name: 'claimNumber', index: 'claimNumber', width: 110, align: 'left',sortable:true},    {name: 'doi', index: 'doi', width: 130, sortable:true},   {name: 'lastName', index: 'lastName', width: 120, sortable:true},   {name: 'firstName', index: 'firstName', width: 65, sortable:true}, {name: 'miName', index: 'miName', width: 60, align: 'center', sortable:true},{name: 'ssn', index: 'ssn', width: 95, align: 'center', sortable:true}   ],
         caption: 'Search Results',
         height: '100%',
         width: '100%',
         rownumbers: true,
         sortname : 'doi',
         sortorder : 'desc',
         viewrecords : true,
         autowidth: true,
         hidegrid: false
    });     
}
//sample local data
var myData = [  {"claimNumber":"NF873673", "doi":"12/12/2012", "lastName":"Doe", "firstName":"John", "miName":"null", "ssn":"123-456-7890"},{"claimNumber":"NF873673", "doi":"12/12/2012", "lastName":"Doe", "firstName":"John", "miName":"X", "ssn":"123-456-7890"},   {"claimNumber":"NF873673", "doi":"12/12/2012", "lastName":"Doe", "firstName":"John", "miName":"X", "ssn":"123-456-7890"} ];
4

1 に答える 1

0

コードにいくつかの問題がありました。

data: queryData、にdatastr: queryData、

datatype: 'local'、にdatatype: "jsonstring"、

jsonReader: { repeatitems: false },グリッドオプションに追加

json 文字列は、以下の形式である必要があります

var myData = {
                "page": "1",
                "records": "2",
                "rows": [ 
                         {"claimNumber":"NF873673", "doi":"12/12/2012", "lastName":"Doe", "firstName":"John", "miName":"null", "ssn":"123-456-7890"},
                         {"claimNumber":"NF873673", "doi":"12/12/2012", "lastName":"Doe", "firstName":"John", "miName":"X", "ssn":"123-456-7890"},   
                         {"claimNumber":"NF873673", "doi":"12/12/2012", "lastName":"Doe", "firstName":"John", "miName":"X", "ssn":"123-456-7890"} ]};

以下は、コードの作業バージョンです

function populateTable(queryData){ 
            var queryData = JSON.stringify(queryData);
            alert('--query data is:'+queryData);
            $("#searchResultsGrid").jqGrid({         
                datastr:  queryData,
               //  pager:'#searchResultsGridPagingTool',
                 datatype: "jsonstring",               
                 colNames: ['Claim Number', 'Injury date', 'Last Name', 'First name', 'MI', 'SSN'],
                 colModel: [{name: 'claimNumber', index: 'claimNumber', width: 110, align: 'left',sortable:true},
                            {name: 'doi', index: 'doi', width: 130, sortable:true},   
                            {name: 'lastName', index: 'lastName', width: 120, sortable:true},   
                            {name: 'firstName', index: 'firstName', width: 65, sortable:true}, 
                            {name: 'miName', index: 'miName', width: 60, align: 'center', sortable:true},
                            {name: 'ssn', index: 'ssn', width: 95, align: 'center', sortable:true}   ],
                 caption: 'Search Results',
                 height: '100%',
                 width: '100%',
                 rownumbers: true,
                 jsonReader: { repeatitems: false },
                 sortname : 'doi',
                 sortorder : 'desc',
                 viewrecords : true,
                 autowidth: true,
                 hidegrid: false
            });     
        }
        //sample local data
        var myData = {
                "page": "1",
                "records": "2",
                "rows": [ 
                         {"claimNumber":"NF873673", "doi":"12/12/2012", "lastName":"Doe", "firstName":"John", "miName":"null", "ssn":"123-456-7890"},
                         {"claimNumber":"NF873673", "doi":"12/12/2012", "lastName":"Doe", "firstName":"John", "miName":"X", "ssn":"123-456-7890"},   
                         {"claimNumber":"NF873673", "doi":"12/12/2012", "lastName":"Doe", "firstName":"John", "miName":"X", "ssn":"123-456-7890"} ]};

        populateTable(myData);
于 2013-03-13T07:33:40.797 に答える