1

我想创建选项卡面板，以便在单击按钮时打开。我可以像这样在窗口内创建它：

var window = new Ext.Window({
            id: 'item1',
            closable: true,
            floating: true,
            collapsible: true,
            width: 900,
            height: 600,
            autoScroll: true,
        items  : mytabpanel

}).show();

但我想知道没有窗户我怎么能做到？似乎 show() 不适用于标签面板。

4

2 回答 2

1

我不完全确定您要实现什么，假设您创建选项卡面板的代码是正确的，那么我不明白您的代码为什么不起作用。

如果您不想在窗口中呈现选项卡面板，则始终可以使用 renderTo 属性将其呈现为实际的 DOM 元素。例如

Ext.create('Ext.tab.Panel', {
            width: 400,
            height: 400,
            renderTo: document.getElementById('component'),
            items: [{
                title: 'Foo'
            }, {
                title: 'Bar',
                tabConfig: {
                    title: 'Custom Title',
                    tooltip: 'A button tooltip'
                }
            }]
        });

其中“组件”是 HTML 页面中容器元素（例如 DIV）的 id。如果您在按钮的 onclick 事件中调用它，希望它可以满足您的要求。

于 2013-03-17T17:46:38.693 回答
0

如果你想让一个组件浮动，你应该使用浮动 mixin

于 2013-03-17T19:00:46.453 回答