Json 无法使用userdata信息填充JqGrid页脚
我很难用jqGrid显示页脚信息。我已经按照所有必要的步骤设置了页脚。服务器请求基于某些筛选条件。服务器返回带有适当“userdata”信息的json。以下是JSON和javascript信息Json 无法使用userdata信息填充JqGrid页脚,json,jqgrid,user-data,Json,Jqgrid,User Data,我很难用jqGrid显示页脚信息。我已经按照所有必要的步骤设置了页脚。服务器请求基于某些筛选条件。服务器返回带有适当“userdata”信息的json。以下是JSON和javascript信息 { "timeatt": [ { "empnum" : "12345", "name" : "ABCDEFG", "shift" : "1", "postdate" : "12/27/1
{
"timeatt": [
{
"empnum" : "12345",
"name" : "ABCDEFG",
"shift" : "1",
"postdate" : "12/27/10",
"regular" : "40",
"ot" : "8",
"dbltime" : "0",
"holiday" : "0",
"vacation" : "0",
"payrate" : "0"
},
{
"empnum" : "67890",
"name" : "HIJKLMN",
"shift" : "1",
"postdate" : "12/27/10",
"regular" : "32",
"ot" : "0",
"dbltime" : "0",
"holiday" : "0",
"vacation" : "8",
"payrate" : "0"
}
],
"userdata": {
"name": "Totals",
"regular": "72",
"ot": "8",
"dbltime": "0",
"vacation": "8",
"holiday": "0"
},
"totalrecords" : "2"
}
jQGrid信息
$("#empinfo").jqGrid({
datatype:'json',
colNames:['Clock#','Name','PostDate','Shift','Regular','Over Time','Dbl Time',
'Vacation','Holiday'],
colModel:[{name:'empnum', index:'empNum', width:60},
{name:'name', index:'name', width:200},
{name:'postdate', index:'postdate', width:60,editable:false,
hidden:true,editrules:{edithidden:false}},
{name:'shift', index:'shift', width:60,editable:true,edittype:'text'},
{name:'regular', index:'regular', width:70,editable:true,
edittype:'text',align:"right", formatter: 'number'},
{name:'ot', index:'ot', width:70,editable:true,edittype:'text',
align:"right", formatter: 'number'},
{name:'dbltime', index:'dltime', width:70,editable:true,
edittype:'text',align:"right", formatter: 'number'},
{name:'vacation', index:'vacation', width:70,editable:true,
edittype:'text',align:"right", formatter: 'number'},
{name:'holiday', index:'holiday', width:70,editable:true,
edittype:'text',align:"right", formatter: 'number'}],
scroll:1,
scrollRows:true,
height:300,
editurl:'clientArray',
footerrow:true,
userDataOnFooter:true,
altRows:true,
onSelectRow: function(rowNum){
if (rowNum && rowNum != lastSel) {
$("#empinfo").saveRow(lastSel);
}
$("#empinfo").editRow(rowNum,true);
lastSel = rowNum;
},
});
我尝试了jqGrid演示中列出的所有内容,但由于某种原因,“userdata”信息没有得到填充。有人能帮我吗
谢谢
SMargabandhu首先,你应该在
>之前删除逗号)代码>在代码末尾。您的代码肯定没有满。例如,url
参数未定义,因此我假设逗号来自实际代码的缩减
关于你的主要问题。您应该在jqGrid定义中包含,以便能够显示您发布的JSON数据。jsonReader
可以如下所示:
jsonReader: {
repeatitems: false,
root:'timeatt',
page: function (obj) { return 1; },
total: function (obj) { return 1; },
records: function (obj) { return obj.length; }
}
在此之后,将显示数据,包括“userdata”
将显示(请参见)与(colModel)中的列同名以返回userdata,例如:
userdata=new{hours=lista.Sum(x=>x.Horas).ToString(),function=“Total HH:”}谢谢你。你的解决方案奏效了。我对jsonReader没有把握。我只是一个初学者,我正在尝试每一个属性。但是非常感谢您指出我的错误。你好,Oleg,当我指定URL属性时,您的解决方案有效。但在我的例子中,URL是空的,因为我有一个过滤条件,并基于此执行一个函数,该函数进行服务器调用以获取所需的JSON数据。在我填充jqGrid(addRowData)之后是否可以设置页脚行。@Shanker:尝试使用footerData
method:$(“list”).jqGrid(“footerData”,“set”,myUserData,true);