自由时飞扬

  BlogJava :: 首页 :: 联系 :: 聚合  :: 管理
  8 Posts :: 0 Stories :: 0 Comments :: 0 Trackbacks

说明:该组件替代了传统的submit,reset,button等HTML控件。

 

构造参数:

--text:按钮上显示的文字

属性:

--text:获得当前按钮上的文字

--minWidth:按钮的最小宽度

方法:

--setText:设置按钮上的名称

事件:

--click:当点击按钮时触发

 

示例,在body对象中添加一个按钮:

Ext.onReady(function(){
	new Ext.Button({
		renderTo:Ext.getBody(),
		text:"确定"
	});
});

这里的Ext.getBody()跟document.body是不相同的,前者是Ext对象,后者是DOM对象,需要把Ext对象进行转换后才相等,参考如下等式所列:

document.body == Ext.getBody().dom

 

renderTo表示将当前对象所生成的HTML对象存放进指定的对象中

 

为按钮定义事件,默认为点击事件:

Ext.onReady(function(){
	new Ext.Button({
		renderTo:Ext.getBody(),
		text:"确定",
		handler:function(){
			alert("欢迎你学习ExtJS");
		}
	});
});


也可以按如下方法指定具体事件:

Ext.onReady(function(){
	new Ext.Button({
		renderTo:Ext.getBody(),
		text:"确定",
		listeners:{
			"click":function(){
				alert("欢迎你学习ExtJS");
			}
		}
	});
});

Ext.onReady(function(){
	var _btn = new Ext.Button({
		renderTo:Ext.getBody(),
		text:"确定"
	});
	_btn.on("click",function(){
		alert("欢迎学习ExtJs");
	});
});
posted on 2010-11-26 09:19 selfly 阅读(294) 评论(0)  编辑  收藏

只有注册用户登录后才能发表评论。


网站导航: