2011-05-03 66 views
2

我有一个JSON文件,必须格式如下。我如何让jqGrid使用jsonmap,colModeljsonReader选项来解释此格式?对jqGrid使用自定义JSON格式

[ 
    { 
    "element1" : { 
     "subElement1" : "value", 
     "subElement2" : "value" 
    } 
    "element2" : { 
     "subElement3" : "value", 
     "subElement4" : "value" 
    } 
    }, 

    { 
    "element1" : { 
     "subElement1" : "value", 
     "subElement2" : "value" 
    } 
    "element2" : { 
     "subElement3" : "value", 
     "subElement4" : "value" 
    }, 

    // . . . etc. . . . 
    } 
] 

colNames将是["subElement1", "subElement2", "subElement3", "subElement4"]

非常感谢您的帮助。

+0

回答这个问题帮助:http://stackoverflow.com/questions/2690657/mapping-json-data-in-jqgrid。我的问题已经解决,但几个小时后我无法回答自己的问题。 – 2011-05-03 20:34:40

+0

我很高兴地看到,我的旧回答可以帮助你。如果你在自己的问题上写下简短的答案,并在一天后标记为“接受”,那将会更好。在[未回答的问题](http://stackoverflow.com/questions/tagged/jqgrid?sort=unanswered&pagesize=50)列表中,您的问题将不会更多。最好的祝愿! – Oleg 2011-05-03 20:54:44

回答

0

你总是可以只读取jqGrid的API上进行格式化此处的棘手 http://www.trirand.com/jqgridwiki/doku.php?id=wiki:colmodel_options

类为您提供自定义格式考虑你的价值观都是字符串...它支持分拣curreny和日期。

演示提供了源代码在这里:http://www.trirand.com/blog/jqgrid/jqgrid.html

而且,可以肯定你可以指定一个function作为格式,并在该函数返回的格式化值。例如,我写了一个函数,它获得了一个状态并返回了一个带有该状态图标的图像。

下面是一个例子:

jQuery("#list2").jqGrid({ 
    url:'server.php?q=2', 
    datatype: "json", 
    colNames:['Inv No','Date', 'Client', 'Amount','Tax','Total','Notes'], 
    colModel:[ 
     {name:'id',index:'id', width:55}, 
     {name:'invdate',index:'invdate', width:90}, 
     {name:'name',index:'name asc, invdate', width:100}, 
     {name:'amount',index:'amount', width:80, align:"right"}, 
     {name:'tax',index:'tax', width:80, align:"right"},  
     {name:'total',index:'total', width:80,align:"right"},  
     {name:'note',index:'note', width:150, sortable:false}  
    ], 
    rowNum:10, 
    rowList:[10,20,30], 
    pager: '#pager2', 
    sortname: 'id', 
    viewrecords: true, 
    sortorder: "desc", 
    caption:"JSON Example" 
}); 
+0

我读过它,但似乎没有提供答案。 – 2011-05-03 19:44:16

+0

哦,这是正确的......他们的wiki对于例子来说并不是很棒。我之前在一个项目中使用了它,只是从演示中查看源代码。添加了另一个链接到这个答案。 – pixelbobby 2011-05-03 19:46:50

+0

是的,他们的wiki很差劲,似乎是由不熟练英语的人编写的。 – 2011-05-03 19:48:33