Я пытаюсь динамически создать grid.Panels и добавить их в мой View, так как я не знаю, сколько нужно "Views" перед загрузкой данных. Например, у меня есть несколько человек в разных группах, после загрузки данных я хочу создать сетку. Панель для каждой группы и добавить в нее правильных людей.
Проблема в том, что мое приложение зависает, когда я делаю это (возможно, потому что Магазин загружается рекурсивно)
Как добавить сетку. Панель в моем представлении с данными из магазина без зависания?
Мой контроллер:
Ext.define('NG.controller.Navigation', {
extend: 'Ext.app.Controller',
refs: [{
selector: 'group',
ref: 'groupPanel'}
],
stores: ['Groups'],
init: function() {
this.control({
'navigation': {
itemdblclick: this.onNavigationSelection
}
});
},
onNavigationSelection: function(view, record, item, index, eventobj, obj) {
var groupsstore = this.getGroupsStore();
var group1 = Ext.create('Ext.grid.Panel', {
store: groupsstore,
title: 'Group 1',
columns: [
{header: 'Name', dataIndex: 'name'},
{header: 'Mail:', dataIndex: 'mail'}
]
});
groupsstore.load();
this.getGroupPanel().add(group1);
}
});
My View:
Ext.define('NG.view.Group', {
extend: 'Ext.panel.Panel',
alias: 'widget.group',
store: 'Groups',
initComponent: function() {
this.callParent();
}
});
И мой магазин (не уверен, нужен ли он):
Ext.define('NG.store.Groups', {
extend: 'Ext.data.Store',
requires: 'NG.model.Person',
model: 'NG.model.Person'
});
С уважением и заранее спасибо!
Andreas