Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 14.03.2015, 13:49
Профессор
Отправить личное сообщение для potkin Посмотреть профиль Найти все сообщения от potkin
 
Регистрация: 23.08.2008
Сообщений: 162

5.1: Ext.form.Panel -> url (в панель загрузить страницу xxx.html)
Юзаю: 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
Ответить с цитированием
  #2 (permalink)  
Старый 15.03.2015, 13:57
Профессор
Отправить личное сообщение для novikov Посмотреть профиль Найти все сообщения от novikov
 
Регистрация: 19.11.2012
Сообщений: 178

Параметр 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 );
                }
            });
        }
    }
});
Ответить с цитированием
  #3 (permalink)  
Старый 15.03.2015, 16:51
Профессор
Отправить личное сообщение для potkin Посмотреть профиль Найти все сообщения от potkin
 
Регистрация: 23.08.2008
Сообщений: 162

Ок, заменить url на это:
autoLoad: {
        timeout: 15000,
        url: "../aspx/Welcome.aspx"
    },

Очень удобно отобразить страницу "Welcome", без лишнего кода запроса на сервер. Так работало в 4-ке.
Ответить с цитированием
  #4 (permalink)  
Старый 16.03.2015, 12:08
Профессор
Отправить личное сообщение для novikov Посмотреть профиль Найти все сообщения от novikov
 
Регистрация: 19.11.2012
Сообщений: 178

Поиск по документации на autoLoad, мне, например, ничего не дал. Возможно, у Вас была кастомизированная библиотека.
Ответить с цитированием
  #5 (permalink)  
Старый 16.03.2015, 16:40
Профессор
Отправить личное сообщение для potkin Посмотреть профиль Найти все сообщения от potkin
 
Регистрация: 23.08.2008
Сообщений: 162

С форума Сенчи:
http://www.sencha.com/forum/showthre...autoLoad-panel
Ответить с цитированием
  #6 (permalink)  
Старый 17.03.2015, 12:23
Профессор
Отправить личное сообщение для novikov Посмотреть профиль Найти все сообщения от novikov
 
Регистрация: 19.11.2012
Сообщений: 178

Эта ветка форума Сенчи относится к ExtJs 2 (два), и там autoLoad тоже не работает.
Ответить с цитированием
  #7 (permalink)  
Старый 18.03.2015, 00:12
Профессор
Отправить личное сообщение для potkin Посмотреть профиль Найти все сообщения от potkin
 
Регистрация: 23.08.2008
Сообщений: 162

novikov,
Та не, работает и в 2 и в 3 и в 4. Просто, в 2 и 3 надо убрать css. А в 4-ке уже и с css работает.
А в 5-ке перестала данная функция работает.
Ладно, проехали :-)
Ответить с цитированием
  #8 (permalink)  
Старый 27.03.2015, 16:31
Аспирант
Отправить личное сообщение для bastrakov Посмотреть профиль Найти все сообщения от bastrakov
 
Регистрация: 27.03.2015
Сообщений: 31

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

только что проверил - работает.
version: "5.1.0.107"
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Водяной знак на fancybox bobrina Общие вопросы Javascript 1 03.06.2011 21:11