ext.net中使用自定义图标

在ext.net中 有很多的默认图标 也就是可以直接在属性中 Icon="Computer" 编写的 但是很多时候我们经常会发现自带的icon库中并没有我们想要的图标 这时候就需要我们自定义了 其实也非常简单 首先需要写一段css 如下:  

  <style type="text/css">
        .energyCls
        {
            background-image: url('icon/energy_add.png');
        }
        .productCls
        {
            background-image: url('icon/product_add.png');
        }
        .devCls
        {
            background-image: url('icon/dev.png') !important;
        }
        .pointCls
        {
            background-image: url('icon/point.png') !important;
        }
    </style>

注: !important 的意思是提高该css的优先级别,一般这种方式是在修改treepanel图标的时候 不过建议每个自定义图标都加上这个属性 

接下来呢 设置需要使用的控件的iconCls即可 如下:

<ext:Button ID="Button1" runat="server" Text="添加能源关联" IconCls="energyCls">
     <Listeners>
          <Click Handler="Window1.show();" />
     </Listeners>
</ext:Button>
<ext:Button ID="Button2" runat="server" Text="添加产品关联" IconCls="productCls">
      <Listeners>
           <Click Handler="Window2.show();" />
      </Listeners>
</ext:Button>

这样呢 基本上就完成了

附:ext自带图标请点击该连接查看 http://blog.csdn.net/gaoqiang0707/article/details/8852656