Ext.js学习心得二

1.引入对应位置的文件

<link rel="stylesheet" type="text/css"
	href="js/resources/css/ext-all.css" />
<script type="text/javascript" src="js/ext-all.js"></script>
<script type="text/javascript" src="js/bootstrap.js"></script>

如图对应的文件夹目录：

2.准备工作：

	Ext.onReady(function(){
		var test = Ext.get('text');
		test.on('click',function(){
			alert("hello");
		});
                test.on('click',function(){
            alert("world");
        });
 });

页面代码：

<input type = "button" id ="text" value="value" />

这样获取页面上的标签id为text的标签，当页面加载完毕的时候，点击按钮。弹出hello和world

on相当于一个监视器------>addListeners()------->.on(参数一，参数二)：参数一：代表触发什么事件，参数二：代表相应的执行函数

un与on恰恰相反，un代表的意思是------>removeListeners()