Показать сообщение отдельно
  #1 (permalink)  
Старый 01.02.2013, 22:57
Новичок на форуме
Отправить личное сообщение для plazzzm Посмотреть профиль Найти все сообщения от plazzzm
 
Регистрация: 01.02.2013
Сообщений: 5

Рендеринг динамических компонентов, загружаемых через ajax
В общем задача такая: на сайте слева стоит дерево ссылок, при клике вызывается событие
itemclick: function(view,rec,item,index,eventObj){
	var rendTo = Ext.getCmp("mainpanel");
	rendTo.removeAll();
	Ext.Ajax.request({
		url: rec.get("id")+".js",
		success: function(r,o){
			rendTo.add(eval(r.responseText));
		},
		failure: function(r,o){
			rendTo.add(errorPage);
		}
	});
}

Таким образом типа создается компонент динамически из файла *.js и добавляется в mainpanel. вот пример файла a.js:
Ext.create('Ext.Panel', {
            title: 'Заголовок',
            width: 300,
            height: 200
        });

а errorPage - это компонент сообщения об ошибке
var errorPage = Ext.create("Ext.Component", {
	html: "Ошибка загрузки",
	style: "padding: 10px;"
});


Вот. А проблема в том, что загрузка компонента запаздывает на 1 нажатие. То есть я нажал на "ссылку", потом нажал на другую и только тогда грузится предыдущий. Где может быть ошибка?
И вообще какие еще пути есть для вот такой организации динамической загрузки компонентов из других файлов?
Не серчайте, изучаю ExtJS только 2-й день

Последний раз редактировалось plazzzm, 01.02.2013 в 23:05. Причина: добавил нужную строку
Ответить с цитированием