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();
}
 })

我的问题是，我该怎么做？我是否在控制器中动态添加工具栏？如果是这样，我如何从控制器访问上述grid_file？我应该以某种方式将其添加到grid_file视图中吗？那我该如何访问工具栏视图？

Answer 1

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