为 jqGrid 使用自定义 JSON 格式

Question

我有一个 JSON 文件，其格式必须如下。如何让 jqGrid 使用 jsonmap、colModel 或 jsonReader 选项解释这种格式？

[
  {
    "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"]。

非常感谢您的帮助。

Answer 1

您总是可以在这里阅读有关格式化的 jQGrid API： http://www.trirand.com/jqgridwiki/doku.php?id=wiki:colmodel_options

考虑到您的值都是字符串，为您提供自定义格式化程序有点棘手......它还支持对货币和日期进行排序。

演示在这里提供源代码：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"
});