需要EXTJS工具栏和按钮放置帮助

我是ExtJS新手，正在尝试创建一个工具栏并向其中添加一些按钮

我遵循了EXTJS边界布局技术，并将表单放在视口的中心。现在，我想将按钮添加到视口的上角，在本例中为北部区域。我知道如何生成按钮和工具栏，但不知道如何在所需区域上渲染

以下是我生成的示例代码：

Ext.onReady(function () {
    new Ext.Toolbar({
        items: [{
            xtype: 'tbbutton',
            text: 'Button'
        }, {
            xtype: 'tbbutton',
            text: 'Menu Button',
            menu: [{
                text: 'Better'
            }, {
                text: 'Good'
            }, {
                text: 'Best'
            }]
        }, {
            xtype: 'tbsplit',
            text: 'Split Button',
            menu: [{
                text: 'Item One'
            }, {
                text: 'Item Two'
            }, {
                text: 'Item Three'
            }]
        }]
    });
});

---

我想我需要帮助来使用renderTo关键字，但我不知道如何使用它

在视口的“项目配置”中添加一个面板，该面板的tbar配置如下：

items: [
    new Ext.Panel({
        region: 'north',
        tbar: ['->', YOUR_TOOL_BAR]
    })
  ....
]

---

使您的代码更易于阅读