您的位置：首页 > Web前端 > JavaScript

Extjs 自定义事件

2011-05-15 17:46 183 查看

关于Extjs自定义事件和相关语言一样也同样：定义事件，添加监听器，触发时间。同时extjs要继承自：Ext.util.Observable

代码如下

<link href="ext-3.1.1/resources/css/ext-all.css" rel="Stylesheet" />
<script type="text/javascript" src="ext-3.1.1/adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="ext-3.1.1/ext-all.js"></script>
<script type="text/javascript">
Person =function (name) {
this.name = name;
this.addEvents("walk");//自定义对象事件
}

Ext.extend(Person, Ext.util.Observable); //对象继承自Ext.util.Observable事件模型

var per = new Person("张三");
//添加事件监听器
per.on("walk", function() { alert("walk") });

Ext.onReady(function() {

Ext.get("addevent").on("click", function() {
per.fireEvent("walk");//触发事件

});

})

</script>
</head>
<body>
<input type="button" value="自定义事件" id="addevent" />
</body>
</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航