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 に答える