在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