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:'User',
                iconCls:"user",
                renderTo:'btn',
});
其中!important要加上否则ext原有样式会覆盖自定义!
2:给tabpanel项加icon
Css:
.t1
{
      background:url(../Teacher/Images/User.gif) no-repeat 1px 2px;
}
EXT:
{title:"Tab1",  iconCls:"t1"}
要想更改背景可以设置baseCls方法同上

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

你可能感兴趣的:(ExtJs)