让toolbar的按钮像个按钮

最新推荐文章于 2023-05-15 09:57:27 发布

onlydo

最新推荐文章于 2023-05-15 09:57:27 发布

阅读量148

点赞数

分类专栏： Extjs 文章标签： PHP

Extjs 专栏收录该内容

21 篇文章

订阅专栏

本文介绍了一种在ExtJS中自定义按钮样式的技巧，并提供了一个具体的实例来展示如何实现按钮默认显示为鼠标悬停状态，同时保持原有按钮样式的不变。

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

参考这个地址的做法：http://www.extjs.com/forum/showthread.php?t=50603
修改之后，将导致翻页等按钮也变成按钮样子。
为了不影响其它按钮的默认样式，有以下权宜之计：

先把按钮默认的cls设置成鼠标放上去的样子x-btn-over。然后添加鼠标移开的事件。删除和添加这个样式。


{
					text : '查询',		
					iconCls:'icon-find',
					cls:'x-btn-over',					
					listeners:{
						mouseout:function(){
							this.removeClass('x-btn-over');
							this.addClass('x-btn-over');							
						}
					},
					handler : function() {						
						store.on('beforeload', function() {
							this.baseParams = {
									gpdm : gpdmField.getValue(),
									bglb:bglbCombo.getValue(),
									bgnf:bgnfCombo.getValue()
							};
						}, store);						
						store.load( {
							params : {
								start : 0,
								gpdm : gpdmField.getValue(),
								bglb:bglbCombo.getValue(),
								bgnf:bgnfCombo.getValue()
							}
						});						
					}
				} ],