Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 30.11.2008, 20:29
Новичок на форуме
Отправить личное сообщение для lunina Посмотреть профиль Найти все сообщения от lunina
 
Регистрация: 30.11.2008
Сообщений: 2

проблема с TabPanel
body в файле html должно быть пустое
есть такой скрипт, работет нормально:
Ext.onReady(function(){
        
              var tabs = new Ext.TabPanel
              ({               
                activeTab: 0,
                items: [{
                        title: 'Tab 1',
                        html: ' if I remove this item from tabPanel while initialization, the content of other tabs becomes empty',
                        closable:true
                       }]  
               });
    

           var addition = new Ext.Panel
           ({
                id          : 'addition',
                title       : 'tab container',
                region      : 'east',
                collapsible : true,
                margins     : '3 3 3 0',
                cmargins    : '3 3 3 3',
                items       : tabs,
                split       : true,
                width       : 500         
            });


           var rpan = new Ext.Panel
           ({
                id          : 'content',
                title       : 'content',
                region      : 'center',
                collapsible : true,
                margins     : '3 3 3 0',
                cmargins    : '3 3 3 3',
                html        : 'empty' ,
                                              
                tbar:
                   [
                        {
                        iconCls:'add-feed',                         
                        text:'Add Tab',
                        handler: function() 
                                        {     
                                           tabs.add
                                           ({   
                                             title    : 'tab name',
                                             html     : 'some content',                                                    
                                             closable : true
                                           }).show();    
                                        },               
                        scope: this                
                        }
                   ]        
           });                                     

        var win = new Ext.Window({
            title    : 'Parent window',
            closable : true,
            width    : 700,
            height   : 350,
            x        : 300,
            y        : 100,           
            layout   : 'border',
            containerScroll: false,
            items    : [rpan,addition]
        });

        win.show();     
});


если при создании TabPanel в ней создать Tab, то создаваемые потом табы (кнопкой addTab) отображаются нормально. Но если при создании TabPanel в ней не создавать Tab, то содержание новых табов будет пустое. Т.е. с вот такой TabPanel работает некорректно:
var tabs = new Ext.TabPanel
              ({               
                activeTab: 0
               });


как это исправить?
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Проблема в document.write при использовании setInterval() GOll Общие вопросы Javascript 21 06.10.2008 17:38
проблема с обработкой DIV nerik AJAX и COMET 2 22.08.2008 17:40
Проблема с меню 856 Общие вопросы Javascript 3 28.07.2008 14:29
Проблема с маркером kostian02 Общие вопросы Javascript 0 23.06.2008 16:10
проблема с передачей русского текста в Prototype subaru Prototype & script.aculo.us 2 26.07.2007 16:56