Three ways to use button with event

最新推荐文章于 2025-01-02 22:40:15 发布

最新推荐文章于 2025-01-02 22:40:15 发布 · 100 阅读

文章标签：

#EXT #JavaScript #ViewUI

ExtJS 专栏收录该内容

1 篇文章

订阅专栏

本文介绍了三种在ExtJS中使用按钮并绑定点击事件的方法。第一种方式利用默认的onclick事件，第二种通过监听器对象指定click事件，第三种先创建按钮实例再绑定事件处理函数。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

There are three ways to use button with event. Following are three samples.

/**
 * The first way to use button with event: default event is "onclick".
 * 
 *
*/

<script type="text/javascript">

	Ext.onReady(function(){

		new Ext.Button([
			renderTo: Ext.getBody(),
			text: "Confirm",
			handler: function(){
				alert("Welcome to ExtJS world!");
			}
		
		]);
	});

</script>

/**
 * The second way to use button with event.
*/

<script type="text/javascript">

	Ext.onReady(function(){

		new Ext.Button([
			renderTo: Ext.getBody(),
			text: "Confirm",
			listeners: {
				"click": function(){
					alert("Welcome to ExtJS world!");
				}

			}
		
		]);
	});

</script>

/**
 * The third way to use button with event.
*/

<script type="text/javascript">

	Ext.onReady(function(){

		var _button = new Ext.Button([
			renderTo: Ext.getBody(),
			text: "Confirm"		
		]);

		_button.on("click", function(){
				         alert("Welcome to ExtJS world!");
			              });
	});

</script>