Question

我是EXT JS的新手，我正在尝试创建一个工具栏并为其添加一些按钮。

我已经遵循了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关键字，但我不知道如何使用它。

Answer 1

在视口的项目配置中添加一个面板，该面板又将tbar配置为：

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

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

1 个答案: