Extjs4自定义按钮样式

最新推荐文章于 2022-04-28 06:53:56 发布

fanqielian2013

最新推荐文章于 2022-04-28 06:53:56 发布

阅读量4k

点赞数

文章标签： extjs4 按钮样式自定义

本文链接：https://blog.csdn.net/u012671928/article/details/17067933

版权

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