extjs事件demo

 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gbk">
    <title></title>
    <link rel="stylesheet" type="text/css" href="../lib/ext-all.css" />
	<script type="text/javascript" src="../lib/ext-base.js"></script>
    <script type="text/javascript" src="../lib/ext-all.js"></script>
	<script type="text/javascript" src="helloword.js"></script>
</head>
<script type="text/javascript">
Ext.namespace("hb.com");

hb.com.Person=function(){
	this.addEvents("namechange","sexchange");
};

Ext.extend(hb.com.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;
		}
	}
});

var _person = null;

button_click=function(){
	_person.setName(prompt("输入姓名",""));
	_person.setSex(prompt("输入性别",""));
};

Ext.onReady(function(){
	var txt_name = Ext.get("txt_name");
	var txt_sex = Ext.get("txt_sex");
	_person = new hb.com.Person();
	_person.on("namechange",function(_person,_old,_new){
		txt_name.dom.value = _new;
	});
	_person.on("sexchange",function(_person,_old,_new){
		txt_sex.dom.value = _new;
	});
	_person.on("namechange",function(_person,_old,_new){
		document.title = _new;
	});
	
});

</script>
<body>
    <h1></h1>
    姓名<input type="text" id="txt_name"><br>
	性别<input type="text" id="txt_sex"><br>
	<input type="button" value="输入" onclick="button_click()"><br>
</body>
</html>
 

 

 

阅读更多
想对作者说点什么? 我来说一句

js事件大全汇总111

2010年04月15日 4KB 下载

Ext 官方的完整Demo

2010年04月02日 9.14MB 下载

js事件设计

2007年05月12日 3KB 下载

ext js简单DEMO

2010年02月24日 416KB 下载

ExtDemo初学者样例

2015年10月16日 3.17MB 下载

事件集合js事件集合js事件集合

2010年06月19日 628KB 下载

ext Demo

        ...

turkeyzhou turkeyzhou

2008-02-21 15:43:00

阅读数:1885

js事件.html

2017年10月27日 9KB 下载

没有更多推荐了,返回首页

不良信息举报

extjs事件demo

最多只允许输入30个字

加入CSDN,享受更精准的内容推荐,与500万程序员共同成长!
关闭
关闭