Extjs 4 클래스 의 정의 와 확장 인 스 턴 스

일반적인 정의 방식,주의 방법 과 함수 의 추가 방식 이 다 릅 니 다.(함 수 를 추가 하려 면 override 방식 으로 만 추가 할 수 있 습 니 다.알 고 있 는 것 이 있 으 면 하 십시오.)하나의 종 류 를 정의 하고 그 에 게 하나의 방법
 
Ext.define('Simple.Class',{
welcome:function(){
alert('Welcome to the app');
}
});
을 주 었 다.Ext.override 방법 으로 기 존 종 류 를 다시 불 러 오고 함수
 
Ext.override(Simle.Class,{
goodBye:function(){
alert('Goodbye');
},
funAll:function(){
this.welcome();
this.goodBye();
}
});
를 추가 하 며 새로운 방법
 
var app = new Simple.Class();
app.runAll(); //Welcome to the app Goodbye
으로 다시 불 러 오 는 다른 쓰기
 
Simple.Class.override({
// New members...
});
의 실제 예:
 
Ext.define('MyButton',{
extend:'Ext.Action',
initComponent: function(){
var me = this;
var initEnable = true; //
}
});
Ext.override(MyButton,{
mysetenable:function(b){ //
if ( this.initEnable ) {
if (b){
this.enable();
}
else{
this.disable();
}
}
else{
this.disable();
}
}
});
예 2:
 
Ext.define('PO_Head_Add_Panel', {
extend: 'Ext.form.Panel',
alias: 'widget.PO_Head_Add_Panel',
//height:400,
//width:600,
frame: true,
layout: 'anchor', // form
bodyPadding: 5, // 5px
//baseCls: "x-plain", //
//defaults: { anchor: "95%", msgTarget: "side" },
// anchor: '100%',
defaults:{//
//autoFitErrors : false,//
labelSeparator :':',//
labelWidth : 60,//
//width : 150,//
allowBlank : false,//
//blankText : ' ', // ,
labelAlign : 'right',//
msgTarget :'qtip' //
//msgTarget :'title' //
//msgTarget :'under' //
//msgTarget :'side' //
//msgTarget :'none' //
//msgTarget :'errorMsg' // errorMsg
},
items:[{
xtype:'combobox',
name: 'ToAddress',
labelWidth:70,
width:600,
queryMode: 'local',
store:TmpAddressStore,
displayField: 'AddrName',
valueField: 'AddrName',
editable : false,//
forceSelection : true,//
msgTarget: 'side',
allowBlank: false, //
fieldLabel: ' '
},{
xtype:'textfield',
name: 'HRemark',
labelWidth:70,
width:600,
msgTarget: 'side',
allowBlank: false, //
fieldLabel: ' '
}],
initComponent: function(){
var me = this;
var PoType = ''; // obj.PoType
var TmpHeadRec = Ext.create('PO_HeadData');

Ext.apply(this, {
buttons: [{
text: ' ',
handler:function(){
if (me.getForm().isValid()) { //
//
}
}
}, {
text: ' ',
handler: function () {
me.ownerCt.hide();
}
}],
SetFormValue:function(){ // obj.SetFormValue()
me.TmpHeadRec = HeadStore.getAt(0);
me.getForm().findField('POType').setValue(me.TmpHeadRec.get('POType'));
me.getForm().findField('PONum').setValue(me.TmpHeadRec.get('PONum'));
}
});

this.callParent(arguments);
}
});

좋은 웹페이지 즐겨찾기