ExtJS MVC 添加工具栏答案

【问题标题】：ExtJS MVC adding a toolbarExtJS MVC 添加工具栏
【发布时间】：2012-12-13 21:19:19
【问题描述】：

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

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 视图中吗？那么如何访问工具栏视图？

【问题讨论】：

标签： javascript extjs extjs4 extjs-mvc

【解决方案1】：

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

【讨论】：