javascript - 如何在这段代码中不使用 Ext.getCmp 来执行相同的操作？

Question

这是我使用的代码，一旦调用窗口显示事件，我就会触发按钮单击事件。这很好用。但如何在不使用 Ext.getCmp 的情况下执行相同的操作

这是一行

Ext.getCmp('recent_refresh').fireEvent('click');

这是代码

 Ext.create('widget.window', {
      title: 'Activity',
      closable: true,
      closeAction: 'hide',
      width: 250,
      height: 300,
      bodyBorder: true,
      tbar: {
          xtype: 'toolbar',
          ui: 'plain',
          items: [{
              iconCls:'refresh',
              id: 'recent_refresh',
              listeners: {
                click: function(){ 
                      Ext.Ajax.request({
                          url: 'control.php',
                          params: {
                              'case': '18'
                          },
                          success: function(response){
                              var json =  Ext.decode(response.responseText);

                          }
                      });               
                }  
              }
          },
          '->',
          {
              xtype: 'displayfield',
              name: 'act_date',
              id: 'act_date',
              value: new Date(),
              formatValue: Ext.util.Format.dateRenderer('Y-m-d')
          }]
      },      
      layout:'accordion',
      border: false,
      items: [ grid1, grid2, grid3 ],
      listeners: {
            show: function() {      Ext.getCmp('recent_refresh').fireEvent('click'); }        
      }

}).show();

问候

Answer 1

有很多方法可以做到这一点。一种方法是使用 Ext.create 调用进行赋值，因为 Ext.create 返回这样的引用。下面示例中的应用程序命名空间是一个填充符，因为您使用的任何命名空间在文本中都是未知的。一旦获得了对小部件的变量引用，您就可以使用它来获取对顶部工具栏的引用，然后获取对工具栏中所需项目的引用。

    Ext.ns('app');
    app.activityWin = Ext.create('widget.window', {...}
    app.activityWin.getTopToolbar().get('recent_refresh').fireEvent('click');