Dojo 网格中的复杂对象答案

【问题标题】：Complex Object in Dojo GridDojo 网格中的复杂对象
【发布时间】：2010-12-04 00:51:37
【问题描述】：

我想知道是否可以将以下对象填充到道场网格中

首先，主要对象是一个包含 3 个字段、2 个整数的对象数组和另一个包含 5 个字段的对象数组。我的问题是，我可以为 dojo 网格设置布局以使用“子行”填充网格

这是一个 JSON 示例

[{"ClaimID":1,"ClaimNumber":"4304021","LossDetails":[{"LossCause":"COLLISION                     ","LossDate":"\/Date(1136786400000-0600)\/",
    "LossExpense":95.00,"LossPaid":6415.21,"LossReserve":0.00},{"LossCause":"BODILY INJURY                 ","LossDate":"\/Date(1136786400000-0600)\/",
    "LossExpense":0.00,"LossPaid":250.00,"LossReserve":0.00},{"LossCause":"MEDICAL PAYMENTS              ","LossDate":"\/Date(1136786400000-0600)\/",
    "LossExpense":0.00,"LossPaid":0.00,"LossReserve":0.00},{"LossCause":"PROPERTY DAMAGE               ","LossDate":"\/Date(1136786400000-0600)\/",
    "LossExpense":0.00,"LossPaid":1893.99,"LossReserve":0.00}]}]

【问题讨论】：

嗨，欢迎来到 Stackoverflow！请花一些时间熟悉格式化工具，这样人们会更容易阅读您的示例。

标签： json dojo dojox.grid

【解决方案1】：

你可以使用dojox.grid.TreeGrid，布局如下：

new dojox.grid.TreeGrid({
    structure: [ 
        { cells: [
            [ 
                { field: "ClaimID", name: "ID" }, 
                { field: "ClaimNumber", name: "Number"},
                { field: "LossDetails", 
                    children: [
                        { field: "LossExpense", name: "LossExpense"}, 
                        { field: "LossCause", name: "LossCause" }, 
                        { field: "LossPaid", name: "LossPaid" }, 
                        { field: "LossReserve", name: "LossReserve" }, 
                        { field: "LossDate", name: "LossDate" } 
                    ]
                 }
             ]] 
         }                  
    ],
    store: jsonStore,
    queryOptions: {deep: true}
 }, dojo.byId("grid"));

【讨论】：

绝妙的答案...但是请您编辑并添加完整的代码，包括 store 和 treeGrid dojo 变量...

【解决方案2】：

或者，如果您只想要一个包含一些子对象数据的单元格，您可以将格式化程序附加到单元格：

{ name: "Child data", field: "field_object", formatter: present_child_info}
...
function present_child_info(value) {
var s = "";
for(var i = 0; i < value.length; i++) {
s += value[i].attribute;
}
return s;
}

【讨论】：