ExtJs框架系列之iconCls以及用于面板头部的图标

对以往的问题总结：

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"}


3：给panel面板的头部加图标：

.headpic

{

background-image: url(images/header22.png) !important;

}

后面的!important要加上否则ext原有样式会覆盖自定义！

ext：

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

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

希望大家积极把自己的经验与人分享，相互交流学的会更快！