Блог

Я пытаюсь создать небольшое приложение с помощью sencha-touch и у меня есть tabpanel карта макета. когда я нажимаю на вкладку, Producten появляется карточка, но я хочу, чтобы на этой карточке была другая, tabpanel чтобы люди могли выбирать между мужчинами и женщинами с таким же макетом card .

Я много чего перепробовал, и, похоже, ничего не работает.

 var rootpanel;
var panel;
Ext.setup({
    onReady: function() {

        var Home = {
            cls: 'home',
            title: "Home",
            html: "Homepagina"
        }

        var Producten = {
            title: "Producten",
            html: "Productenpagina",
            items: [
                panel = new Ext.TabPanel({

                    cls: 'toolbar',
                    fullscreen: 'true',
                    ui: 'plain',
                    layout: 'card',
                    items: [Men, Women]
                })
            ]
        }

        var Men = {
            title: "Men",
            html: "men"
        }

        var Women = {
            title: "Women",
            html: "Women"
        }

        var Winkelwagen = {
            cls: 'winkelwagen',
            title: "Winkelwagen",
            html: "Winkelwagenpagina"
        }

        rootpanel = new Ext.TabPanel({
            cls: 'toolbar',
            fullscreen: true,
            ui: 'plain',
            layout: 'card',
            items: [Home, Producten, Winkelwagen]
        })
    }
})
  

попробуйте эти коды :

Ext.regApplication({ 
 имя: 'MyApp', 
 запуск : функция(){ 
 окно.localStorage.clear();
 создать MyApp.MainTabPanel({ 
 полноэкранный режим: верно 
 }); 
 } 
});

MyApp.MainTabPanel = Ext.extend(Внешняя панель вкладок,{ 
 полноэкранный режим: верно, 
 Панель вкладок: {
 док-станция: "нижняя", 
 прокрутка: 'горизонтальная', 
 сортируемый: верно, 
 макет: {
 пакет: 'center'
 }
 }, 
 cls: 'card1', 
 html: ", 
 элементы: [ 
 { iconCls: 'time', title: 'Time', xtype: 'TimeTabPanel'}, 
 { iconCls: 'user', title: 'People', xtype: 'PeopleTabPanel' }
 ]

});

Ext.reg('MainTabPanel',MyApp.MainTabPanel);

MyApp.PeopleTabPanel = Ext.extend(Внешняя панель вкладок,{ 
 полноэкранный режим: верно, 
 Панель вкладок: {
 док-станция: 'top', 
 прокрутка: 'горизонтальная', 
 сортируемый: верно, 
 макет: {
 pack: 'слева'
 }
 }, 
 cls: 'card1', 
 элементы: [ 
 { iconCls: 'user', title: 'Man' , html: 'ВКЛАДКА MAN'}, 
 { iconCls: 'user', title: 'Woman', html: 'ЖЕНСКАЯ ВКЛАДКА' }
 ]

});
Ext.reg('PeopleTabPanel',MyApp.PeopleTabPanel);

MyApp.TimeTabPanel = Ext.extend(Внешняя панель вкладок,{ 
 полноэкранный режим: верно, 
 Панель вкладок: {
 док-станция: 'top', 
 прокрутка: 'горизонтальная', 
 сортируемый: верно, 
 макет: {
 pack: 'слева'
 }
 }, 
 cls: 'card1', 
 элементы: [ 
 { iconCls: 'time', title: 'AM', html: 'AM TAB' }, 
 { iconCls: 'time', title: 'PM', html: 'ВКЛАДКА PM' }
 ]

});
Ext.reg('TimeTabPanel',MyApp.TimeTabPanel);