2

こんにちは、私はextjsの初心者です、extjs 3を使用しています、レイアウトに問題がありました。タブパネルがあり、タブ1の内側がビューポートになり、タブ2は単純なコンテンツですが、クリックするとtab2、ビューポートは消えません。ビューポートはタブ1または最初のタブにのみあるはずです。以下は私のコードです、助けてください、私のコードに何か問題がある場合はどうなりますか？

var Tabs;
var chatUi;
var content = "centerpanel";

var viewport1 = new Ext.Viewport({
    //id:       'chatUiLayout',
    layout: 'border',
    //renderTo :    'liveChatTextLiveHelp',
    items: [{
        width: 150,
        region: 'east',
        title: 'east'
    }, {
        region: 'center',
        title: 'center'
    }]
});


Tabs = new Ext.TabPanel({
    id: 'liveChatTextLiveHelp',
    renderTo: 'div-live-chat',
    activeTab: 0,
    //region:       'center',
    //hieght:       200,
    plain: true,
    items: [{
        title: 'Live help',
        items: [ //viewport1  
        ],
        html: "<div id='" + content + "' class='90pers' ></div>"
    }, {
        title: 'Tab 2',
        html: "tab 2 content"
    }

    ],
    scope: this,
    listeners: {
        afterrender: function () {
            viewport1.render(content);
        },
        scope: this

    }

});
4

2 に答える 2

6

ビューポートは、ブラウザー ウィンドウ全体を表す特別なコンテナーです。彼らは常に体に自分自身をレンダリングするため、他の何かの中にいるのは悪い候補になります. ビューポートの代わりにpanelorを試してくださいcontainer。

于 2012-09-27T01:52:14.297 に答える
0

おそらく、 Windows with Layoutsの例のように、タブ1内の境界線レイアウトを探しています。
ビューポートはブラウザウィンドウにバインドされているため、非表示にすることはできません。

于 2012-09-28T06:37:05.487 に答える