Extjs4自定义按钮样式

首先定义css样式

[html] view plain copy

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

然后创建grid

[javascript] view plain copy

1. var test_grid = Ext.create('Ext.grid.Panel',{  
2.     title: 'Test',  
3.     id: 'test_grid_id',  
4.     bbar: [  
5.        '->',  
6.        {text: 'test',  iconCls: 'settings',handler: function(){  
7.            alert("test!!");  
8.        }},  
9.     ],  
10.     columns: [  
11.         {text: "MsgId", dataIndex: 'MsgId',hidden: true},  
12.                 {text: "Read", dataIndex: 'Read'},  
13.                    {text: "Subject", flex: 1, dataIndex: 'Subject'}  
14.                ]  
15. });