Sencha Touch TabBar 在标签左侧添加按钮

Posted

技术标签:

【中文标题】Sencha Touch TabBar 在标签左侧添加按钮【英文标题】:Sencha Touch TabBar add button on the left side of tabs 【发布时间】:2011-07-05 23:45:50 【问题描述】:

我正在学习一些煎茶触摸教程,但我不知道如何在 TabPanel 视图中的选项卡左侧添加一个按钮。默认情况下,选项卡右侧会添加一个按钮。我尝试更改对齐和布局设置,但似乎没有任何效果。这是我正在尝试修改的简单代码

Ext.setup(

onReady: function() 
    new Ext.TabPanel(
        fullscreen: true,

        tabBar:
            items:[
                xtype: 'button',
                ui: 'round', 
                text: 'Round'
            ]
        ,

        items: [
            title: 'Tab 1',
            html: '1',

        , 
            title: 'Tab 2',
            html: '2',

        , 
            title: 'Tab 3',
            html: '3',

        ]
    );

);

【问题讨论】:

【参考方案1】:

试试这个:

tabBar:
   dockedItems:[
       xtype: 'button',
       ui: 'round', 
       text: 'Round',
       dock: 'left'
   ]
,

【讨论】:

好吧,我只花了两个小时就找到了这个答案......非常感谢!

以上是关于Sencha Touch TabBar 在标签左侧添加按钮的主要内容,如果未能解决你的问题,请参考以下文章

如何在 Sencha Touch tabBar 中使用附加图标?

sencha touch 2 中的滚动条指示器可见性

如何在 Touch Sencha 中对齐左侧的单选按钮?

iPhone Sencha Touch - 如何在 sencha touch 中将表格视图添加到拆分视图

Sencha Touch 2 在 Controller 中设置标签

Sencha Touch - 在面板中水平放置而不是垂直放置的标签