extjs事件demo

原创 2013年12月04日 10:00:22

 

<!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>
 

 

 

Ext Grid上双击触发事件

Extjs4的Ext.grid.Panel的行双击事件事件itemdblclick rowdblclick Extjs 4的Ext.grid.Panel的行双击事件使用的是itemdblclick方...
  • leipeng321123
  • leipeng321123
  • 2016年04月01日 10:16
  • 4639

ExtJs checkbox绑定click事件实现全选

需求在ExtJs中 xtype: checkboxfield和checkbox只封装了change事件监听,而且Ext绑定的事件是基于订阅者模式的,当我们想实现如下的全部选择时,会发生不可避免的冲突这...
  • idomyway
  • idomyway
  • 2017年12月10日 16:25
  • 128

extjs combobox 如何获取点击事件

0 extjs combobox 如何获取点击事件 5 extjs combobox 我想获取点击输入框旁边那个按钮的事件,expand事件满足不了我的需求。求指教  Ext...
  • evilcry2012
  • evilcry2012
  • 2016年01月21日 15:33
  • 491

extjs的Ext.button.Button介绍(按钮的事件有哪些)。

转自:http://docs.sencha.com/extjs/4.2.0/#!/api/Ext.button.Button Create simple buttons with this ...
  • suyu_yuan
  • suyu_yuan
  • 2016年11月07日 14:33
  • 1939

[ExtJS5学习笔记]第七节 Extjs5的组件components及其模板事件方法学习

一个EXT JS的应用程序的UI用户界面是有一个或者多个部件构成的组件。所有的组件都是Ext.Component类的子类,允许它们参与自动化生命周期管理包括实例化,渲染,大小,定位还有销毁。Ext J...
  • sushengmiyan
  • sushengmiyan
  • 2014年08月11日 16:03
  • 8872

extjs 自定义事件

addEvents( Object/String... eventNames ) 向本Observable可能触发的事件列表中添加指定的事件。 Parameters ...
  • qq_17505335
  • qq_17505335
  • 2016年09月05日 10:34
  • 205

extjs 页面加载时Combo触发select事件

var depotStore = new Ext.data.JsonStore({               root:'root',               url:'json/table...
  • lironghaobin
  • lironghaobin
  • 2015年01月21日 10:07
  • 4115

Ext.form.ComboBox 常用的事件和方法

combobox select( Ext.form.ComboBox combo, Ext.data.Record record, Number index ) beforeselect( Ext.f...
  • u014236541
  • u014236541
  • 2015年12月15日 10:59
  • 4447

extJs displayfield控件显示超链接的方法

extJs显示超链接问题 [问题点数:40分]             不显示删除回复           显示所有回复            显示星级回复           显示得分回复...
  • evilcry2012
  • evilcry2012
  • 2016年10月17日 15:28
  • 431

Extjs tree节点的点击事件

Extjs tree节点的点击事件 [问题点数:80分,结帖人Q11253217]             不显示删除回复           显示所有回复            显示星级回...
  • evilcry2012
  • evilcry2012
  • 2016年07月12日 13:01
  • 804
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:extjs事件demo
举报原因:
原因补充:

(最多只允许输入30个字)