[Petja]

Создаю store беру в него все данные. Так с каждым из 4-х combobox.

Затем вешаю на событие селект одного комбобокса фильтр другого (дочернего) комбобокса.

Все это работает только после того как я открыл комбобоксы и увидел в них данные. Пока я не трогал комбобоксы - выбираю в родительском какой-то пункт и открываю дочерний - и в нем все по умолчанию, не отфильтровано. Но если я открыл и закрыл один комбо и второй, а потом выбрал пункт в первом комбо - то фильтр работает.

Такое впечатление, что комбо на экране есть, но их пока нет, нет у них store, а появляется, только если открыть комбо.

Подскажите что сделать чтобы при открытии страницы в браузере комбо инициализировались сразу вместе с store ?

Заранее спасибо!

Вот код:

Ext.onReady(function(){
	obj.init();
})

var obj = {
	body: '',
	ostore: {},
	init: function(){
		this.body = Ext.get('widget');
		this.makeData();
		this.CreateStoreAndCombo('country');
		this.CreateStoreAndCombo('okrug');
		this.CreateStoreAndCombo('oblast');
		this.CreateStoreAndCombo('city');
	},

	makeData: function(){
		obj.StoreObj = new Ext.data.JsonStore({
			fields:	['pid', 'type', 'lexicon_key', 'lctn_name'],
			root: 'data',
		});
		Ext.Ajax.request({
			url: '/assets/components/cuz_regions/connector.php?action=getall',
			method : 'POST',
			success : function(response) {
				var responseData = Ext.util.JSON.decode(response.responseText);
				obj.StoreObj.loadData(responseData);
			},
			failure: function(){
				alert('Error!');
			}
		});
	},

	CreateStoreAndCombo: function(name){

		switch (name) {
				case 'country':
					var child = 'okrug';
					var emptyText = 'Выберите страну';
					break;
				case 'okrug':
					var child = 'oblast';
					var emptyText = 'Выберите округ';
					break;
				case 'oblast':
					var child = 'city';
					var emptyText = 'Выберите область';
					break;
				case 'city':
					var emptyText = 'Выберите город';
					break;
            }
		
		obj.ostore[name] = Ext.apply({}, this.StoreObj);
		//obj.ostore[name].load();
		new Ext.form.ComboBox({
			renderTo: this.body,
			id:'combo_' + name,
			width:300, 
			typeAhead: true,
			autoLoad: true,
			mode: 'local',
			triggerAction: 'all',
			emptyText: emptyText,
			selectOnFocus: false,
			editable: true,
			valueField:'lexicon_key',
			displayField:'lctn_name',
			enableKeyEvents: true,
			store: obj.ostore[name],
			listeners: {
				scope: obj,
				select: {
					fn:function(combo, value) {
						if (name != 'city') {
							var combo_obj = Ext.getCmp('combo_' + child);
							alert('combo_' + child);
							var rrr2 = new RegExp("^" + combo.getValue() + "$", "");
							combo_obj.store.filter('pid', rrr2);
							alert(rrr2);
						}
					}
				}
			}
		});
	}
}

То есть все работает, но у комбобоксов нет хранилищей (и соответственно данных) пока их не открыть. Как бы сделать чтобы были хранилища с данными изначально.

Спасибо!