jqgrid未在表中显示/填充“;“数据”;元素数据
运行时数据“queryData”与示例数据“myData”完全相同,“queryData”是来自ajax的运行时数据,但表中没有填充数据。如果我在jqGrid“data:queryData”的数据元素中将“queryData”替换为“myData”,则表正在填充。“queryData”没有出现任何错误,表也没有填充jqgrid未在表中显示/填充“;“数据”;元素数据,jqgrid,Jqgrid,运行时数据“queryData”与示例数据“myData”完全相同,“queryData”是来自ajax的运行时数据,但表中没有填充数据。如果我在jqGrid“data:queryData”的数据元素中将“queryData”替换为“myData”,则表正在填充。“queryData”没有出现任何错误,表也没有填充 function populateTable(dataToPopulate){ var queryData = JSON.stringify(dataToPopulate)
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"} ];
您的代码中存在一些问题 将
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);