Extjs 添加自定义图标

说明：本例Extjs2.2，以自定义css样式的形式给右键菜单添加自定义图标。

1：给button加icon

Css:

.user

{

background:url(../Teacher/Images/User.gif) no-repeat 1px 2px !important;

}

EXT:

new Ext.Button({

text[/b]:'User',

iconCls:"user",

renderTo:'btn',

});

其中！important要加上否则ext[/b]原有样式会覆盖自定义！

2：给tabpanel项加icon

Css:

.t1

{

background:url(../Teacher/Images/User.gif) no-repeat 1px 2px;

}

EXT:

{title:"Tab1", iconCls:"t1"}


要想更改背景可以设置baseCls方法同上

通过设置css要比加html标记好的多！