Extjs4自定义按钮样式

原创 2013年12月02日 10:16:00

首先定义css样式

<style type="text/css">
        .settings{background: url(images/settings.png) no-repeat !important;} 
    </style>    


然后创建grid

	var test_grid = Ext.create('Ext.grid.Panel',{
		title: 'Test',
		id: 'test_grid_id',
		bbar: [
	       '->',
	       {text: 'test',  iconCls: 'settings',handler: function(){
	    	   alert("test!!");
	       }},
		],
		columns: [
		    {text: "MsgId", dataIndex: 'MsgId',hidden: true},
          	    {text: "Read", dataIndex: 'Read'},
                    {text: "Subject", flex: 1, dataIndex: 'Subject'}
                ]
	});


ExtJS下的button样式

(1)我想要设置button的样式是左边显示图片,右边显示文字
  • u011570965
  • u011570965
  • 2014年08月05日 11:51
  • 3603

EXTJS改变自带样式的那种风格

出自:http://www.cnblogs.com/legendxian/p/3254972.html 1.还是基于EXTJS的 自己用SASS改了些样式 2.用了些boots...
  • zwj1030711290
  • zwj1030711290
  • 2016年01月22日 10:35
  • 9507

ExtJS4组件_button按钮配置-属性-方法详解

例子 Ext.QuickTips.init(); var buttonName =new Ext.Button({ id:"buttonName", text:"Button组件基本用法", t...
  • middlekingt
  • middlekingt
  • 2012年11月26日 19:19
  • 11042

ExtJs4学习(十五)Button(按钮)用法

简单的按钮 使用ExtJS创建一个按钮的代码非常简单: { xtype: "button", id: "btn1", text: "小按钮" } 使用scale绘...
  • dreamsunday
  • dreamsunday
  • 2015年01月30日 11:32
  • 7702

自定义button按钮样式

就为了这个破按钮,搞了一上午才郁闷的搞出来.. 按钮没边框,使用1*20背景图片 包括正常样式,鼠标经过样式,取得焦点样式 /*自定义按钮 使用方法: cls: 'i...
  • lonestar555
  • lonestar555
  • 2011年12月22日 15:44
  • 2821

Extjs4自定义按钮样式

首先定义css样式 [html] view plaincopy style type="text/css">          .settings{background: ur...
  • tongchen1231
  • tongchen1231
  • 2014年01月20日 20:12
  • 886

跟我一起学extjs5(06--使用图标字体来美化按钮)

跟我一起学extjs5(06--使用图标字体来美化按钮)         sencha 的例子中,有使用图标字体来美化按钮的例子,这个用起来又方便风格又统一,例如下图:         上...
  • jfok
  • jfok
  • 2014年07月01日 08:15
  • 31515

ExtJS如何自定义图片按钮组件

  • 2013年02月02日 14:45
  • 4KB
  • 下载

跟我一起学extjs5(07--继承自定义一个控件)

跟我一起学extjs5(07--继承自定义一个控件)         Extjs的开发都可以遵循OOP的原则,其对类的封装也很完善了。自定义一个控件最简单的办法就是继承一个已有的控件...
  • jfok
  • jfok
  • 2014年07月01日 14:01
  • 19811

Extjs4自定义按钮样式

首先定义css样式 .settings{background: url(images/settings.png) no-repeat !important;} ...
  • u012671928
  • u012671928
  • 2013年12月02日 10:16
  • 1843
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:Extjs4自定义按钮样式
举报原因:
原因补充:

(最多只允许输入30个字)