Ext.Button点击事件的三种写法
来源:互联网 发布:地方方言翻译软件 编辑:程序博客网 时间:2024/06/06 06:43
ExtJs的写法太灵活了,现在收集了关于Button点击事件的三种写法。今天做一个记录,以后备查。
首先创建一个JS文件写入以下代码:
1.点击默认为handler
Ext.onReady(function(){
new Ext.Button({
text:"确定",
//将BUTTON画在BODY中
renderTo:Ext.getBody(),
//BUTTON的宽度
minWidth:100,
id:"mybutton"
//点击事件
handler:function(){
Ext.MessageBox.show({
title: '提示' ,
msg: '你点击了我!' ,
buttons: Ext.MessageBox.OK ,
fn: function(){} ,
icon: Ext.MessageBox.INFO
});
}
});
});
2.添加监听方法,监听click事件。注意listeners不要少s
Ext.onReady(function(){
new Ext.Button({
text:"确定"
//将BUTTON画在BODY中
renderTo:Ext.getBody(),
//BUTTON的宽度
minWidth:100,
id:"mybutton",
//点击事件
listeners:{
"click":function(){
Ext.MessageBox.show({
title: '提示' ,
msg: '你点击了我!' ,
buttons: Ext.MessageBox.OK ,
fn: function(){} ,
icon: Ext.MessageBox.INFO
});
}
}
});
});
3.如果自己开发了多个组件,需要交互,可能要将事件写在外面达到松耦合的目的。
JS中的代码如下:
Ext.onReady(function(){
new Ext.Button({
text:"确定"
//将BUTTON画在BODY中
renderTo:Ext.getBody(),
//BUTTON的宽度
minWidth:100,
id:"mybutton"
});
});
网页代码中如下:
<script type="text/javascript">
Ext.onReady(function(){
//获得组件
var btn = Ext.getCmp("mybutton");
//绑定点击事件
btn.on("click" , function(){
Ext.MessageBox.show({
title: '提示' ,
msg: '你点击了我!' ,
buttons: Ext.MessageBox.OK ,
fn: function(){} ,
icon: Ext.MessageBox.INFO
});
});
});
</script>
- Ext.Button点击事件的三种写法
- Ext.Button点击事件的三种写法及比较
- Ext.Button点击事件的三种写法及比较
- 点击Button事件的四种写法
- Button点击事件的五种写法
- Button点击事件写法
- 按钮点击事件的三种写法
- Android点击事件的三种写法
- Button按钮的几种点击事件的写法
- 按钮Button的点击事件的四种写法
- Android中Button的几种点击事件写法
- android button点击事件的4种写法
- Android-Button点击事件的四种写法
- Button 点击事件的简单写法
- Android Button onClick事件的三种写法
- Android Button onClick事件的三种写法
- Android Button点击事件的三种方式
- Android之Button按钮点击事件的三种方式
- C、C++语言语言编译过程总结详解
- js中escape,encodeURI,encodeURIComponent三个函数的区别
- 笔试题(1)
- SQL常用语句
- 获取GridView中RowCommand的当前选中行的索引或主键Id
- Ext.Button点击事件的三种写法
- 要实现线程调用带参数的方法有两种办法。
- Delphi TreeView树型框节点拖拽停靠、按条件开始拖拽
- xen 虚拟机安装
- 《锋利的jQuery》要点归纳(四)jQuery对表单、表格的操作及更多应用(中:表格应用)
- 赵凯
- 定位到页面的某一处
- 关于向页面注册javascript的技术
- 将应用程序11M内存占用,降至500K