如何指定Ext JS的6窗口视图控制器

Question

在ExtJS的，如何创建视图控制器的窗口，以及如何使窗口的面板类似像这样的孩子：

Ext.define('App.view.Main', { 
    items: [ 
     { xtype: 'textfield' }, 
     { xtype: 'window' } 
    ] 
}); 

的原因是我想启用相同的视图控制器来处理面板和窗口操作。但小组似乎并不接受窗口作为其子。

一个解决这是在控制器初始化：

//... 
init: function(view) { 
    this.myWindow = new Ext.window.Window(); 
} 

但是做这种方式将有窗口的视图控制器指出，全球应用程序控制器，这是不必要的。所以要解决这个问题，我可以在窗口中添加一堆监听器，但这不是首选。

反正我能做到这一点没有那些丑陋的解决方法？

Answer 1

绑定一个控制器不同的意见是种对MVC .. 的想法，但你可以尝试只分配一个，很多次。 你可以给定义窗口的控制器，如： http://examples.sencha.com/extjs/6.0.1/examples/classic/window/window.html

Answer 2

为窗口创建一个视图控制器我会在这里建议一些东西。您可以创建窗口并附加与该窗口关联的所有组件。此示例代码将看起来像。

Ext.define("App.view.NewWin.NewWint", { 
    extend: "Ext.window.Window", 
    alias: 'widget.newWindow', 
    layout: 'fit', 
    scrollable: true, 
    layout: 'fit', 
    modal: true, 
    requires: [ 
     'App.view.NewWin.NewWintController' 
    ], 
    controller: 'newWindowController', 
    initComponent: function() { 
     var me = this, 
     // Code for attributes if in case any required 
     me.tbar = [ 
      // Code for TBar 
     ]; 
     me.items = [{ 
      // Code for WindowItem 
     }]; 
     me.buttons = ['->', { // some code for tbar 
      text: Save, 
      name: "Save", 
      hidden: me.readOnly, 
      disabled: true 
     }, { 
      text: Cancle, 
      name: "cancel" 
     }]; 
     me.callParent(arguments); 
    } 
}) 

由于我们在指定窗口定义的控制器newWindowController那么我们可以分开使用的控制器。示例代码将遵循这一

Ext.define('App.view.NewWin.NewWintController', { 
    extend: 'Ext.app.ViewController', 
    alias: 'controller.newWindowController', 

    init: function() { 
     var me = this; 
     me.control({ 
     // You can write the control for your component which is in window. 
     }); 
    }, 


    /* 
    * The code below will work on click of save. 
    */ 
    onSaveBtns: function(btn) { 
     var me = this, 
     // You code for save 
    }, 
    onClose: function(btn) { 
     var window = btn.up("window"); 
     window.close(); 
    } 
}); 

现在，第二部分是如何让一个窗口面板的孩子，AFTE有点研究，我发现这个>Panel as item你可以试试这个概念。我创造了一个小提琴，你可以在Fiddle附近玩。

注意在你的情况，而不是建立内部面板窗口中，你可以直接使用xtype : 'newWindow'

Answer 3

但面板似乎并不接受窗口作为其子。

窗口是一个浮动面板，有一个窗口作为面板的孩子没有意义，为什么不直接使用面板或容器？如果需要，可以通过编程方式打开窗口。请参阅文档window。

我会建议你有一个ViewController每个视图。如果你有多个控制器共同的方法，你可以用这些方法的超类，然后从扩展其他控制器的一个：

Ext.define('My.SuperController', { 
    init : function() { 
     this.getView().on('event', this.myHandler); 
    } 
}); 
Ext.define('My.PanelController', { 
    extend : 'My.SuperController' 
}); 
Ext.define('My.WindowController', { 
    extend : 'My.SuperController' 
});