Extjs4自定义按钮样式

首先定义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'}                ]});