extJs從嵌套對象訪問父函數

Question

我想從嵌套對象內部獲取父對象的函數。

Ext.define('SearchPanel', { 
     extend: 'common.Panel', 
     header: false, 
     xtype: 'search-panel', 
     layout: 'fit', 
     items: [ 
      { 
       xtype: 'form-panel', 
       items: [ 
        { 
         xtype: 'datetimefield', 
         itemId: 'from', 
         fieldLabel: T('From'), 
         dateConfig: { 
          itemId: 'startDate', 
          value: new Date(), 
          validator: ValidateRange//trying to access "external" function here 
         }, 
         timeConfig: { 
          value: '12:00 AM', 
          itemId: 'startTime', 
          validator: ValidateRange//trying to access "external" function here 
         } 
        } 
       ], 
       ValidateRange: //the function I'm trying to call from nested object 
        function (value) { 
        //validation logic 
        } 


      } 
     ], 


    }); 

它不起作用。我收到錯誤：Uncaught ReferenceError：ValidateRange未定義

Answer 1

這是不可能的，您必須使用在類之外定義的方法。我們可以使用一個靜態成員和引用此：

Ext.define('SearchPanel', { 
    statics: { 
     validateRange: function() {} 
    }, 
    items: { 
     someRandomChild: { 
      validator: function() { 
       return SearchPanel.validateRange.apply(this, arguments); 
      } 
     } 
    } 
}); 

你必須把它包裝成另一個功能造成SearchPanel當類是ExtJS的「定義」沒有定義。