javascript - ExtJS MVC 添加工具栏

Question

我有以下情况，我正在尝试将工具栏 (Ext.toolbar.Toolbar) 添加到网格 (Ext.panel.grid)。网格位于 Ext.window.Window 内，它位于我的主 app.js 中，看起来像这样:

Ext.application({
    name: 'FileBrowser',
    appFolder: '/Scripts/dashboard/FileBrowserApp',
    controllers:['BrowserController'],
    launch: function() {
    win = Ext.create('Ext.window.Window', {
        title: 'Document Library',
        width: 700,
        height: 500,
        layout: 'border',
        bodyStyle: 'padding: 5px;',
        items: [
            {
                xtype:'tree_dir'
            },
            {
                xtype:'grid_file',
            }

        ]
    });
    win.show();
}
 })

我的问题是，我该怎么做？我是否在 Controller 中动态添加工具栏？如果是这样，我如何从 Controller 访问上面的 grid_file？我应该以某种方式将它添加到我的 grid_file View 中吗？那么如何访问工具栏 View ？

Answer 1

   myPanel.addDocked({
        xtype: 'toolbar',
        dock: 'top',
        items:[
            {
                xtype:'button',text:'Open Win1',ref:'win1Button'
            },{
                xtype:'button',text:'Open Win2',ref:'win2Button'
            }]
        });