Sencha Ext JS Architect - 如何添加插件

Question

我有一个带有工具栏的基本网格，但想要为工具栏使用插件。我可以得到代码手工编写，当它工作得很好，但我希望能够使用建筑师2.下面是一个片段...

{ 
    xtype: 'gridpanel', 
    title: 'My Grid Panel', 
    columns: [ 
     { 
      xtype: 'gridcolumn', 
      dataIndex: 'string', 
      text: 'String' 
     }, 
     { 
      xtype: 'numbercolumn', 
      dataIndex: 'number', 
      text: 'Number' 
     } 
    ], 
    dockedItems: [ 
     { 
      xtype: 'pagingtoolbar', 
      dock: 'bottom', 
      width: 360, 
      displayInfo: true, 
      plugins: new Ext.ux.ProgressBarPager() 
     } 
    ] 
} 

plugins: new Ext.ux.ProgressBarPager()的是，我不能添加使用建筑师2行。我无法在配置面板的任何位置找到插件属性。有关如何添加插件的任何想法？

Answer 1

我觉得你可以做的是覆盖你pagingtoolbar，做这样的事情：

Ext.define('MyApp.view.override.ProgressBarPager.PagingToolbar', { 
requires: 'MyApp.view.ProgressBarPager.PagingToolbar' 
}, function() { 
    Ext.override(MyApp.view.ProgressBarPager.PagingToolbar, { 
     initComponent: function() { 
      this.plugins = [new Ext.ux.ProgressBarPager()]; 
      this.callParent(arguments); 
     } 
    }); 
});