2011-05-03 68 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