사용자 정의 ExtJs 구성 요소의 사용자 정의 특성

Question

Ext.extend 메소드를 사용하여 확장 된 ExtJS 구성 요소 (Window, DataView 등)가 거의 없습니다. 확장 기능에 몇 가지 추가 속성을 추가하고 싶습니다. 이러한 구성 요소를 구성 요소에 어떻게 추가합니까?

ExWindow = Ext.extend(Ext.Window,{ 
border:false, 
initComponent: function() {  

    // Component Configuration... 
    var config = { 
     height: 500, 
     width: 500, 
     items: [{ 
      xtype: 'simplepanel' 
     }] 
    }; 

    Ext.apply(this, Ext.apply(this.initialConfig, config)); 
    ExWindow.superclass.initComponent.apply(this, arguments);  

}, 
onRender:function() { 
    ExWindow.superclass.onRender.apply(this, arguments); 
} 
}); 

Answer 1

ExWindow = Ext.extend(Ext.Window,{ 
border:false, 
newPublicProperty: 0, 
newPublicArray: new Array(), 
initComponent: function() {  

    // Component Configuration... 
    var config = { 
     height: 500, 
     width: 500, 
     items: [{ 
      xtype: 'simplepanel' 
     }] 
    }; 

    Ext.apply(this, Ext.apply(this.initialConfig, config)); 
    ExWindow.superclass.initComponent.apply(this, arguments);  

}, 
onRender:function() { 
    ExWindow.superclass.onRender.apply(this, arguments); 
}, 
newPublicMethod:function() { 
} 
}); 

newPublicProperty, newPublicArray, newPublicMethod - 객체의 새로운 추가 속성.