如何将多层jsondata映射到jqgrid

时间:2013-08-30 14:02:15

标签: javascript json jqgrid jqgrid-asp.net

Hy伙计们,所以我的数据看起来像:

TimeSheetData

[
  {ID:2, Name:QXC, Items:[{Status:1, Hours: 8},{Status:1, Hours: 4}]}, 
  {ID:5, Name:ABC, Items:[{Status:1, Hours: 6},{Status:1, Hours: 0}]}
]

我的网格看起来像:

  jQuery("#rowed5").jqGrid({        
    data: timeSheetData,
    datatype: "local",
    height: 250,
    colNames:['ID','Name','Monday','Tuesday'],
    colModel:[
              {name:'ContractID', index:'ContractID', jsonmap:'?????', width:200, editable:false, sortable:false},
              {name:'EmployeeName', index:'EmployeeName', jsonmap:'?????'' ,width:200, editable:false, sortable:false},
              {name:'Monday', index:'Monday', jsonmap:'?????', width:200, editable:false, sortable:false},
              {name:'Tuesday', index:'Tuesday'jsonmap:'?????'jsonmap:'timeSheetRow1.timeSheetItem2.WorkedHours', width:200, editable:false, sortable:false}
             ],
    caption: "Input Types",
    jsonReader: {repeatItems: false, root: "timeSheetRow1"}
  });

我感兴趣的是我需要代替什么??????在我的jqgrid表中获取以下两行:

   2, QXC, 8, 4
   5, ABC, 6, 0
提前谢谢!

1 个答案:

答案 0 :(得分:0)

所以,我明白了。我的问题是我只是看对象值,而不是它的结构。因此,考虑到这一点,对象结构如下:

//TimeSheetData:
var timeSheetData = new Object();
timeSheetData.Rows = [row1,row2]; /*Rows is an
Array containing Row objects*/

//Row:
var row1 = new Object();
row1.ID = 19;
row1.Name = "F.L.";
row1.Items = [item1, item2]; /*Items
is an object with containing other objects(Item) and some properties*/

//Item:
var item1 = new Object();
item1.Status = 0;
item1.Hours = 6;

所以,总结一下,我的问题的答案(colModel在我的情况下是怎样的)是:

...,
colModel:[
           {name:'ContractID', index:'ContractID', jsonmap:'ID', width:200, editable:false, sortable:false},
           {name:'EmployeeName', index:'EmployeeName', jsonmap:'Name' ,width:200, editable:false, sortable:false},
           {name:'Monday', index:'Monday', jsonmap:'Items.0.Hours', width:200, editable:false, sortable:false},
           {name:'Tuesday', index:'Tuesday', jsonmap:'Items.1.Hours', width:200, editable:false, sortable:false}
         ],
jsonReader: {repeatItems: false, root: "Rows"}
});
jQuery("#rowed5")[0].addJSONData(timeSheetData.Rows);