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()