extjs按鈕範圍

Question

我想了解以下場景中的範圍。當撥打searchTerms時，this下的scope:this是指searchTerms功能，而不是面板本身。這似乎與我從其他例子中觀察到的不同。我可以知道我犯了什麼錯誤嗎？

function searchTerms(){ 
     var searchGrid = new Ext.grid.GridPanel({ 

     }); 

     var searchPanel = new Ext.form.FormPanel({ 
      region: 'south', 
      height:150, 
      items:[ 
      { 
       xtype: 'textfield', 
       fieldLabel: 'Keywords', 
      },{ 
       xtype: 'textfield', 
       fieldLabel: 'Label', 
      },{ 
       xtype: 'datefield', 
       fieldLabel: 'Valid till' 
      },new Ext.Button({ 
       text: 'crawl', 
       scope: this, 
       handler: function(b,e){ 
        Ext.Ajax.request({^M 
         url: '/discovery/tsearch',^M 
         params: {^M 
          keywords: this.items[0].getValue(), 
          label: this.items[1].getValue(), 
          valid: this.items[2].getValue(), 
         }, 
        }); 
       } 
      }),], 
     }); 

     var regionPanel = new Ext.Panel({ 
      title: 'search', 
      layout: 'border', 
      items: [searchPanel, searchGrid] 
     }); 

    return regionPanel; 
} 

Answer 1

我想你的意思是這樣：

function searchTerms(){ 
    var searchGrid = new Ext.grid.GridPanel({ 

    }); 

    var searchPanel = new Ext.form.FormPanel({ 
     region: 'south', 
     height:150, 
     items:[ 
     { 
      xtype: 'textfield', 
      fieldLabel: 'Keywords', 
     },{ 
      xtype: 'textfield', 
      fieldLabel: 'Label', 
     },{ 
      xtype: 'datefield', 
      fieldLabel: 'Valid till' 
     }], 
    }); 
    searchPanel.add(new Ext.Button({ 
      text: 'crawl', 
      scope: searchPanel, 
      handler: function(b,e){ 
       Ext.Ajax.request({ 
        url: '/discovery/tsearch', 
        params: { 
         keywords: this.items[0].getValue(), 
         label: this.items[1].getValue(), 
         valid: this.items[2].getValue(), 
        }, 
       }); 
      } 
     }) 
    ); 
    var regionPanel = new Ext.Panel({ 
     title: 'search', 
     layout: 'border', 
     items: [searchPanel, searchGrid] 
    }); 

return regionPanel; 
}