ExtJS4顯示嵌套模型網格與分組頭

Question

我有兩個型號：

訂購

Ext.define('app.model.Order', { 
    extend: 'Ext.data.Model', 
    fields: [ 
    'name', 
    'plannedStartDate', 
    ], 
    hasMany: { 
     model: 'Task', 
     name: 'tasks' 
    } 
}); 

和任務

Ext.define('app.model.Task', { 
    extend: 'Ext.data.Model', 
    fields: [ 
    'hours', 
    'workCenter' 
    ] 
}); 

這是對訂單的例子JSON數據

[{ 
    "name":3001, 
    "plannedStartDate":501, 
    "tasks":[{ 
     "hours":10, 
     "workCenter":2 
    },{ 
     "hours":15, 
     "workCenter":1 
    },{ 
     "hours":20, 
     "workCenter":5 
    },{ 
     "hours":80, 
     "workCenter":4 
    },{ 
     "hours":80, 
     "workCenter":3 
    }] 
},{ 
    "name":3002, 
    "plannedStartDate":510, 
    "tasks":[{ 
     "hours":20, 
     "workCenter":4 
    },{ 
     "hours":30, 
     "workCenter":3 
    },{ 
     "hours":30, 
     "workCenter":1 
    },{ 
     "hours":40, 
     "workCenter":5 
    }] 
},{ 
    "name":3005, 
    "plannedStartDate":503, 
    "tasks":[{ 
     "hours":20, 
     "workCenter":1 
    },{ 
     "hours":30, 
     "workCenter":2 
    },{ 
     "hours":60, 
     "workCenter":3 
    },{ 
     "hours":80, 
     "workCenter":4 
    },{ 
     "hours":40, 
     "workCenter":5 
    }] 
},{ 
    "name":3006, 
    "plannedStartDate":504, 
    "tasks":[{ 
     "hours":10, 
     "workCenter":3 
    },{ 
     "hours":10, 
     "workCenter":4 
    },{ 
     "hours":30, 
     "workCenter":1 
    },{ 
     "hours":80, 
     "workCenter":2 
    },{ 
     "hours":80, 
     "workCenter":5 
    }] 
},{ 
    "name":3007, 
    "plannedStartDate":502, 
    "tasks":[{ 
     "hours":5, 
     "workCenter":4 
    },{ 
     "hours":10, 
     "workCenter":3 
    },{ 
     "hours":40, 
     "workCenter":2 
    },{ 
     "hours":40, 
     "workCenter":1 
    }] 
},{ 
    "name":3008, 
    "plannedStartDate":515, 
    "tasks":[{ 
     "hours":40, 
     "workCenter":5 
    },{ 
     "hours":60, 
     "workCenter":4 
    },{ 
     "hours":40, 
     "workCenter":3 
    },{ 
     "hours":60, 
     "workCenter":1 
    },{ 
     "hours":80, 
     "workCenter":2 
    }] 
},{ 
    "name":3009, 
    "plannedStartDate":507, 
    "tasks":[{ 
     "hours":15, 
     "workCenter":2 
    },{ 
     "hours":20, 
     "workCenter":3 
    }] 
},{ 
    "name":3010, 
    "plannedStartDate":513, 
    "tasks":[{ 
     "hours":5, 
     "workCenter":1 
    },{ 
     "hours":20, 
     "workCenter":4 
    },{ 
     "hours":30, 
     "workCenter":5 
    }] 
},{ 
    "name":3011, 
    "plannedStartDate":506, 
    "tasks":[{ 
     "hours":20, 
     "workCenter":1 
    },{ 
     "hours":20, 
     "workCenter":2 
    },{ 
     "hours":20, 
     "workCenter":3 
    },{ 
     "hours":80, 
     "workCenter":4 
    }] 
}]; 

而我想要d在像這樣的分組標題的網格上顯示它。

需要注意的是，每一個訂單不具有相同數量的相互的任務，但被賦予任務的所有訂單的最大數量。

我搜索了所有的Sencha論壇，但我找不到任何解決方案。 :(

Answer 1

您無法將extjs中的標題分組，但是可以按照此示例對它們進行分組http://docs.sencha.com/ext-js/4-0/#!/example/grid/groupgrid.html