Создавать вкладки внутри панели вкладок динамически на основе заданного значения

Привет, я только начал изучать сенчу.

Мне нужно создать панель вкладок в представлении и динамически добавлять к ней панели вкладок ...

Количество панелей вкладок можно изменить

Если установлено значение 2, нам нужно создать 2 панели вкладок, а если установлено значение 4, нам нужно создать 4 панели вкладок.

может кто-нибудь направить меня, пожалуйста?


extjs extjs5
person Anindya Halder    schedule 09.07.2015    source источник
comment
Вы хотите создать только 1 панель с вкладками. Затем вы добавите к нему панели. Какой код вы пробовали до сих пор? tabpanel.add () должен быть вашим билетом.   -  person C. Parcell    schedule 10.07.2015

Ответы (1)


arrow_upward
0
arrow_downward

Вот пример скрипта, который динамически добавляет новые вкладки на панель вкладок.

Код:

Ext.define('myapp.view.Tab', {
    extend: 'Ext.panel.Panel',
    alias: 'widget.mytab',
    html: 'Tab content'
});


Ext.application({
    name : 'myapp',

    launch : function() {
        Ext.create('Ext.tab.Panel', {
            reference: 'tabpanel',
            renderTo: Ext.getBody(),
            items: {
                xtype: 'mytab'
                ,title: 'First tab'
            },
            tbar: [{
                xtype: 'numberfield',
                value: 3
            },{
                text: 'Add tabs'
                ,handler: function(btn) {
                    var tabPanel = btn.up('tabpanel'),
                        numTabs = tabPanel.down('numberfield').getValue(),
                        i;
                    for (i = 1; i <= numTabs; i++) {
                        tabPanel.add({
                            xtype: 'mytab',
                            title: 'Tab #'+i,
                            html: 'Content for tab '+i
                        });
                    }                    
                }
            }]
        });        
    }
});
person Constantine Poltyrev    schedule 10.07.2015