如何将工具栏直接放在tabpanel下面

时间:2011-09-27 15:23:24

标签: sencha-touch

这是我当前的代码(省略了高度/宽度):

myapp.cards.addvehicle = new Ext.TabPanel({
    scroll: 'vertical',
    id: "home2",
    layout:{
        type:"vbox",
    },
    dockedItems: [{ 
        xtype: 'toolbar',
        dock: 'top'
    }]
});

但它将工具栏放在tabpanel上方。在配置对象的items部分中添加工具栏也不会产生所需的结果。有没有人能够做到这一点,如果是这样,怎么样?

注意:我相信默认情况下,在extjs4中,当停靠在顶部时,工具栏会显示在标签栏下方,但我无法确认。

非常感谢。

1 个答案:

答案 0 :(得分:1)

停靠的工具栏上的底部

myapp.cards.addvehicle = new Ext.TabPanel({
    scroll: 'vertical',
    id: "home2",
    layout:{
        type:"vbox",
    },
    dockedItems: [{ 
        xtype: 'toolbar',
        dock: '**bottom**'
    }]
});