如何使用Extjs 4.1上的組件查詢從組件中獲取插件？

Question

我想添加事件監聽器插件Controller.like http://docs.sencha.com/ext-js/4-1/#!/api/Ext.app.Controller看起來不同於插件使用組件查詢比正常組件。 是否有可能使用組件查詢從組件中獲取插件？

這裏是我的組件使用組件查詢像

Ext.define('App.controller.FileManagement', { 
    extend:'Ext.app.Controller', 
    stores:['Folder'], 
    views:['file.List','file.FileManagement'], 
    refs:[ 
     { ref:'fileList', selector:'filelist' } 
    ], 
    init:function() { 
     this.control({ 
      'filelist > treeviewdragdrop':{drop:this.drop} // <-- here is selector 
     }); 
    }, 
    // etc .... 

Answer 1

你不能因爲一個插件是不是組件，因此沒有選擇器會找到它。

此外，放置事件是由樹視圖觸發的，所以樹視圖真的是你想要鉤住的東西。

這將工作：

init:function() { 
    this.control({ 
     'filelist > treeview': {drop:this.drop} 
    }); 
}, 

Answer 2

有沒有簡單的方法來做到這一點

Ext.define('App.view.file.List',{ 
    rootVisible: false, 
    extend:'Ext.tree.Panel', 
    alias:'widget.filelist', 
    viewConfig: { 
     plugins: { 
      ptype: 'treeviewdragdrop', 
      allowParentInsert:true 
     } 
    }, 
    //etc ... 

我能得到treeviewdragdrop插件。如果我是你的話我想，也許，做樹時，插件觸發的觸發事件，需要事件：

// view 
Ext.define('App.view.file.List',{ 
    // ... 
    viewConfig: { 
     plugins: { 
      ptype: 'treeviewdragdrop', 
      pluginId: 'treeviewdragdrop', // <-- id is needed for plugin retrieval 
      allowParentInsert:true 
     } 
    }, 
    initComponent: funcion() { 
     var me = this; 
     me.addEvents('viewdrop'); 
     me.callParent(arguments); 
     me.getPlugin('treeviewdragdrop').on('drop', function(node, data, overModel, dropPosition, eOpts) { 
     // when plugin fires "drop" event the tree fires its own "viewdrop" event 
     // which may be handled via ComponentQuery 
     me.fireEvent('viewdrop', node, data, overModel, dropPosition, eOpts); 
     }); 
    }, 
    // ... 

控制器：

// controller 
Ext.define('App.controller.FileManagement', { 
    // ... 
    init:function() { 
     this.control({ 
      'filelist':{viewdrop:this.drop} // <-- here is selector 
     }); 
    }, 
    // etc ....