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'}
                ]
	});


相关文章推荐

Delphi7高级应用开发随书源码

  • 2003年04月30日 00:00
  • 676KB
  • 下载

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

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

ExtJS下的button样式

(1)我想要设置button的样式是左边显示图片,右边显示文字

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

例子 Ext.QuickTips.init(); var buttonName =new Ext.Button({ id:"buttonName", text:"Button组件基本用法", t...

Extjs4自定义关闭,最大化,最小化按钮接听

Ext.define('person.view.message.MsgInfo', {     extend : 'Ext.window.Window',     initComponent : ...

Android自定义Button按钮显示样式

  • 2014年02月13日 13:48
  • 15KB
  • 下载

Extjs如何自定义panel header样式?

Extjs6在样式上改动很大,我们也可以根据自己的实际需求或者美工的要求来自定义我们的控件。 今天,我们就来学习如何更改panel header样式。 1、我们首先打开Extjs6的官方案例,发现他们...

自定义android5.0按钮样式

  • 2014年11月08日 20:21
  • 1.37MB
  • 下载

自定义button样式,圆角按钮

  • 2015年10月22日 10:21
  • 1.78MB
  • 下载
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:Extjs4自定义按钮样式
举报原因:
原因补充:

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