Displaying a hasMany model relationship in a Grid

[sdt6585]

Nice, I'll have to dig into the templating features, I haven't had much need for them so far. Wish I could have pointed you in that direction in the first place, and thanks for sharing your solution.

[whirling dervish]

No problem. Hope my solution is useful.

Let me know if you find a way to handle sorting.

[H@v]

@whirling dervish

i used your method to work arround in MVC way but no success i am not be able to build grid dynamically can you please tell me what is the MVC way. following is the code which i am using in my grid view widget in the initComponent function:

var store = Ext.getStore('Routes');
var maxStores = 0;
store.load({
callback: function(records, operation, success) {
if (!success) {
return;
}
Ext.Array.forEach(records, function(record) {


var number = record.get('stores').length;
if(number > maxStores) {
maxStores = number;
}
});
}
});
this.columns = [
{
text: 'id',
dataIndex: 'routeID'
},
{
text: 'Route Name',
dataIndex: 'routeName'
},
{
text:'CDC',
renderer:function(v,m,r){
return r.get('cdc').name;
}
}


];
for (var i = 0; i < maxStores; i++) {
var s = 'store ' + (i+1);
this.columns.push({
text: s,
xtype: 'templatecolumn',
sortable:true,
tpl: '{[values.stores[' + i + '] ? values.stores[' + i + '].storeName : "" ]}'


});
}