我的服务器代码上有一个函数,它返回一个ElementRow
对象列表:
public class ElementRow {
public string AreaName { get; set; }
public YearData CurrentYear { get; set; }
public YearData PreviousYear { get; set; }
}
public class YearData {
public int Value1 { get; set; }
public int Value2 { get; set; }
}
这些类生成一个像这样的 json:
{"d":
{
"Total":2,
"Page":1,
"Records":30,
"Rows":[
{"AreaID":0,"CurrentYear":{"Value1":1,"Value2":2},"PreviousYear":{"Value1":1,"Value2":2}},
{"AreaID":1,"CurrentYear":{"Value1":5,"Value2":4},"PreviousYear":{"Value1":1,"Value2":2}},
{"AreaID":2,"CurrentYear":{"Value1":2,"Value2":1},"PreviousYear":{"Value1":1,"Value2":2}},
{"AreaID":3,"CurrentYear":{"Value1":1,"Value2":3},"PreviousYear":{"Value1":1,"Value2":2}}
],
"UserData":null
}
}
我已经定义了 colModel 来支持这种数据结构,并且想创建一个自定义格式化程序函数来格式化YearData
一列中类型的对象。我的 colModel 如下:
$("#dashboard").jqGrid({
url: wsBaseUrl + 'MyWebService.asmx/MyMethod',
colNames: ['Area Name','Current Year', 'Previous Year'],
colModel: [
{ name: 'AreaName', index: 'AreaName', width: 120, template: colTextTemplate },
{ name: 'CurrentYear', index: 'CurrentYear', width: 100, align: 'center', sortable: false, formatter: YearDataFormatter },
{ name: 'PreviousYear', index: 'PreviousYear', width: 100, align: 'center', sortable: false, formatter: YearDataFormatter }
],
jsonReader: {
id: "AreaID"
},
pager: $('#dashboard_pager'),
sortname: 'AreaName',
sortorder: "asc",
height: '250',
rownumbers: false,
gridview: false,
subGrid: true,
//subgrid definition omitted
});
然后定义YearDataFormatter
函数如下:
function YearDataFormatter(cellvalue, options, rowObject) {
var table = "<table><tr>";
table += "<td>" + cellvalue.Value1 + "</td>";
table += "<td>" + cellvalue.Value2 + "</td>";
table += "</tr></table>";
return table;
};
无论如何,当我尝试执行此函数时,问题是YearDataFormatter
函数内部参数的值cellvalue
未定义,而使用调试器查看它,参数内部有一个有效值rowObject
。
如何正确访问该单元格的值?
另外,是否有机会修改特定列的标题?我想创建一个两行标题,但如果我在colNames
选项中添加标记,标题高度不会相应改变。
谢谢你的支持!