Javascript 如何使用extjs实现小部件内部的选项卡面板？

我试图在小部件内部实现选项卡面板

我可以看到，但完全在错误的地方。。。下面是查看代码 如何将其放置在widget.TESTusersettings中

我想renderTo:

Ext.getBody（）

在这里不正确。。。你是什么意思

Ext.define("TEST.view.settings.UserSettings", {
    extend: "Ext.window.Window",
    alias: "widget.TESTdusersettings",

    requires: [
        "TEST.overrides.LocalComboBox",
        "TEST.common.LocaleManager",
        "Ext.form.Panel"
    ],

    width: 600,
    height: 300,
    border: false,
    closeAction: "hide",
    resizable: false,

    layout: "fit",

    title: 'User Settings',


    initComponent: function() {
        debugger;
        Ext.create('Ext.tab.Panel', {
            width: 300,
            height: 200,
            activeTab: 0,
            items: [
                {
                    title: 'Userdata',
                    bodyPadding: 10,
                    html: 'A simple tab'
                },
                {
                    title: 'Connections',
                    html: 'Connections one'
                },
                {
                    title: 'Payment',
                    html: 'Payment one'
                },
                {
                    title: 'Bills',
                    html: 'Bills one'
                }
            ],
            renderTo: Ext.getBody()
        });
    }

});

---

将init更改为this

initComponent: function() {
    var me = this;
    Ext.applyIf(me, {
        items: Ext.create('Ext.tab.Panel', {
            activeTab: 0,
            items: [
                {
                    title: 'Userdata',
                    bodyPadding: 10,
                    html: 'A simple tab'
                },
                {
                    title: 'Connections',
                    html: 'Connections one'
                },
                {
                    title: 'Payment',
                    html: 'Payment one'
                },
                {
                    title: 'Bills',
                    html: 'Bills one'
                }
            ]
        })
    });

    me.callParent(arguments);
}

---

要将工具栏放置在何处？请参阅，如果您正在使用项并在其中定义选项卡面板，最好使用

tbar

或

fbar

属性并在其中定义工具栏。否则，请扩展您的列表。请提供更多信息，您想把它放在哪里。我有一个小部件：widget.TESTdusersettings，这里我需要放置TabPabel。。。。