如何将工具栏直接放在选项卡面板下方

发布于 2024-12-07 08:47:43 字数 410 浏览 0 评论 0原文

这是我当前的代码（省略了高度/宽度）：

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

但它将工具栏放置在选项卡面板上方。在配置对象的项目部分添加工具栏也不会产生所需的结果。有没有人能够做到这一点，如果可以的话，如何实现？

注意：我相信默认情况下，在 extjs4 中，工具栏在停靠在顶部时会出现在选项卡栏下方，尽管我无法确认这一点。

非常感谢。

原文

Here is my current code (with heights/widths omitted):

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

but it places the toolbar above the tabpanel. Adding a toolbar in the items part of the configuration object doesn't produce the desired result either. Has anyone been able to accomplish this and if so, how?

Note: I believe that by default in extjs4 the toolbar appear below the tabbar when docked at the top, although I can't confirm this.

Many thanks.

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

瀟灑尐姊 2024-12-14 08:47:43

停靠的工具栏项上的底部：

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

the bottom on the docked toolbar item:

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

回复收藏 0 原文

~没有更多了~