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标记好的多!

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

展开阅读全文

没有更多推荐了,返回首页