ExtJS学習二:イベント

--------------------------------
------クラスを作成します
--------------------------------

// 
Ext.namespace("Ext.g3web");
// 
// ( )
Ext.g3web.Person = function(){
this.addEvents(
"namechange",
"sexchange"
);
};


Ext.extend(Ext.g3web.Person, Ext.util.Observable, {
name : "",
sex : "",
setName : function(_name) {
if (this.name != _name) {
// ， 
this.fireEvent("namechange", this, this.name, _name);
this.name = _name;
}
},
setSex : function(_sex) {
if (this.sex != _sex) {
this.fireEvent("sexchange", this, this.sex, _sex);
this.sex = _sex;
}
}
});

--------------------------------------------------------------
Htmlを書く
--------------------------------------------------------------
var person = null; var button_click=function(){person.setName(prompt(「名前を入力してください:」,"));person.setSex(prompt(「性別を入力してください:」,")));}Ext.onReady(function(){ var txt_name = Ext.get("name"); var txt_sex = Ext.get("sex"); person = new Ext.g3web.Person(); person.on("namechange",function(person,_old,_new){ document.title = _new; }); person.on("namechange",function(person,_old,_new){ txt_name.dom.value = _new; }); person.on("sexchange",function(person,_old,_new){ txt_sex.dom.value = _new; }); }); 名前:性別: