EXTJS4 两个button同一个监听函数，在函数中获取所点击button的id

最新推荐文章于 2020-02-18 19:34:41 发布

水木小僧

最新推荐文章于 2020-02-18 19:34:41 发布

阅读量785

点赞数

分类专栏： EXTJS 文章标签： EXTJS handler中获取button的id

本文链接：https://blog.csdn.net/Tony_Stark_Wang/article/details/79549553

版权

本文介绍了如何在EXTJS4中为多个button设置同一个监听函数，并在函数内部通过ID判断点击的button，以此实现不同操作。通过为每个button赋予唯一ID，并在handler中动态获取ID，来实现不同场景的数据展示。示例代码展示了两个button的情况，调试结果显示ID获取成功。

摘要由CSDN通过智能技术生成

最近在做一个页面，页面上有4个button，每一个button都要弹出一个window，然后在window里面放上grid显示内容，我想着分别给这4个button一个id，然后这4个button共用一个handler监听函数，然后给监听函数传参，在监听函数中判断用户点击的是哪一个button，根据button改变store，这样grid里面就可以显示不同的数据了。

此处的例子是我的测试的例子。只有两个button，也很简单。代码如下：

/**
Author:水木僧
Date:2018年3月13日
Time:下午9:49:31
 **/
 
 Ext.onReady(function(){	
 	function testButton(obj){//此处的obj即为你所点击的button对象
 		Ext.Msg.alert("提示","哈哈哈"+obj.id); //获取button的zhi
 	}
 	var panel=Ext.create('Ext.panel.Panel',{
 	width:200,
 	height:300,
 	id:'panelx',
 	renderTo:Ext.getBody(),
 	items:[{
 		xtype:'button',
 		width:'50',
 		height:'50',
 		id:'button1',
 		text:'button1',
 		handler:testButton
 	},{
 		xtype:'button',
 		id:'button2',
 		text:'button2',
 		width:'50',
 		height:'50',
 		handler:testBut