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

Не выполняется скрипт на подгружаемой странице
Добрый день всем.
На моей страние есть TabPanel, на которой располагаются 3 вкладки. Хотелось, чтобы вкладки отображали другие страницы. То есть внутри вкладок был контент других страниц. Это для того, чтобы на одной странице не городить километры кода, а сделать какое-то логическое разделение.
Вод код страницы с табами
Ext.onReady(function()
            {
                var tabs = new Ext.TabPanel({
                    region: 'center',
                    margins:'3 3 3 0',
                    activeTab: 0,
                    defaults:{autoScroll:true},
                    flex:1,
                    items:[{
                            title: 'Statistics',
                            autoLoad:{url:getURLForPage("statistics.html")},
                            listeners:{
                                activate : function(panel){
                                    panel.getUpdater().refresh();
                                }}
                        },{
                            title: 'Data',
                            autoLoad:{url:getURLForPage("data.html")},
                            listeners:{
                                activate : function(panel){
                                    panel.getUpdater().refresh();
                                    loadDataPage();
                                }}
                        },{
                            title: 'Reports',
                            autoLoad:{url:getURLForPage("reports.html")},
                            listeners:{
                                activate : function(panel){
                                    panel.getUpdater().refresh();
                                }}
                        }]
                });

                var nav = new Ext.Panel({
                    title: 'Navigation',
                    region: 'west',
                    split: true,
                    width: 200,
                    collapsible: true,
                    margins:'3 0 3 3',
                    cmargins:'3 3 3 3'
                });
                var bot = new Ext.Panel({
                    title: 'Info',
                    region: 'south',
                    split: true,
                    height:200,
                    collapsible: true,
                    margins:'3 0 3 3',
                    cmargins:'3 3 3 3'
                });

                var pan = new Ext.Panel({
                    title: 'Zingaya admin',
                    layout:'vbox',
                    layoutConfig: {
                        align : 'stretch',
                        pack  : 'start'
                    },
                    closable:false,
                    height:window.innerHeight,
                    plain:true,
                    layout: 'border',
                    deferredRender:false,
                    activeTab:0,
                    items: [nav, tabs,bot]
                });
                pan.render('main_form');
            });

При переходе на какую-то вкладку, контент со страницы (на которую вкладка ссылается) подгружается нормально, но не выполняются скрипты на той странице.

К примеру страница с табами main.html. Страница с контентом для табы tabData.html. На странице tabData есть скрипт
Ext.onReady(function()
            {
                alert("data loaded");
            };

Если вызвать эту страницу отдельно - алерт вылетает. Если ее подгружает таба - нет. Более того. Даже если просто описать функцию в странице tabData (к примеру [JS]function Wow(){alert("wow");[JS]}. А потом на страние с табами вызвать ее (после того как контент подгрузился. Выводится ошибка, что такая функция неопределена.

Внимание вопрос. Как заставить работать скрипты с подгружаемых страниц?
Ответить с цитированием