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
--------------------------------------------------------------
<script type='text/javascript'>
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;
});
});
</script>
</head>
<body>
姓名：<input type="text" id="name"/>
性别：<input type="text" id="sex"/>
<input type="button" value="输入" onclick="button_click();" />
</body>