5.1: Ext.form.Panel -> url (в панель загрузить страницу xxx.html)

[potkin]

Юзаю: ExtJs 5.1.0.107
Нужно: в панель загрузить страницу xxx.html
Проблема: не работает.
Перехожу с 4.0.7 на 5.1. В 4-е все работает, а в 5-е не хочет ...

Пример:

Ext.create('Ext.form.Panel', {
    title: 'Simple Form',
    bodyPadding: 5,
    width: 350,
    url: 'xxx.html',
    ...

Перепробовал много разных вариантов:

autoLoad: { url: 'xxx.html' }

И пути менял и т.д.

П.С. Хотя в хелпе пишет что должно работать:
4.0.7: http://docs.sencha.com/extjs/4.0.7/#...Ext.form.Panel
5.1: http://docs.sencha.com/extjs/5.1/5.1...Ext.form.Panel

[novikov]

Параметр url используется в формах для отправки значений на сервер с целью сохранить их в базу данных. Указывают путь к серверному скрипту. Зачем указывать путь к html-файлу, неясно. Параметр url учитывается после запуска метода submit() формы, а не в момент рендеринга.

Если нужно отобразить html с того же сервера, лучше уж взять панель, поставить обработчик события afterrender, в котором загрузить html-файл при помощи Ext.Ajax.request. Полученный HTML вставить методом update.

Ext.create('Ext.panel.Panel', {
    title: 'Simple Form',
    bodyPadding: 5,
    width: 350,
    listeners: {
        afterrender: function(panel) {
            Ext.Ajax.request({
                url: 'xxx.html',
                success: function(response){
                    panel.update( response.responseText );
                }
            });
        }
    }
});

[potkin]

Ок, заменить url на это:

autoLoad: {
        timeout: 15000,
        url: "../aspx/Welcome.aspx"
    },

Очень удобно отобразить страницу "Welcome", без лишнего кода запроса на сервер. Так работало в 4-ке.

[novikov]

Поиск по документации на autoLoad, мне, например, ничего не дал. Возможно, у Вас была кастомизированная библиотека.

[potkin]

С форума Сенчи:
http://www.sencha.com/forum/showthre...autoLoad-panel

[novikov]

Эта ветка форума Сенчи относится к ExtJs 2 (два), и там autoLoad тоже не работает.

[potkin]

novikov,
Та не, работает и в 2 и в 3 и в 4. Просто, в 2 и 3 надо убрать css. А в 4-ке уже и с css работает.
А в 5-ке перестала данная функция работает.
Ладно, проехали :-)

[bastrakov]

var tempPanel = Ext.create('Ext.panel.Panel', {
        loader: {
            url: 'test.html',
            autoLoad: true
        }
    });

только что проверил - работает.
version: "5.1.0.107"