分类： Ext.Net2012-09-24 13:44 1779人阅读 评论(0) 收藏 举报

1、默认icon

2、自定义icon

完整的代码，文件WebForm2.aspx中代码

  1. <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm2.aspx.cs" Inherits="ext_SMS.WebForm2" %>
  2. <%@ Import Namespace="System.Collections.Generic" %>
  3. <%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %>
  4. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  5. <html xmlns="http://www.w3.org/1999/xhtml">
  6. <head id="Head1" runat="server">
  7. <title>改变TreePanel Icon图标</title>
  8. style type="text/css">   //自定义样式
  9. .add {
  10. background-image: url(image/query.jpg) !important;
  11. }
  12. </style>
  13. </head>
  14. <body>
  15. <form id="Form2" runat="server">
  16. <ext:ResourceManager ID="ResourceManager1" runat="server" />
  17. <ext:Viewport ID="Viewport1" runat="server">
  18. <Items>
  19. <ext:BorderLayout ID="BorderLayout1" runat="server">
  20. <West>
  21. <ext:TreePanel
  22. ID="TreePanel1"
  23. runat="server"
  24. Title="Tree"
  25. Width="200"
  26. AutoHeight="true"
  27. Border="false">
  28. <Root>
  29. <ext:AsyncTreeNode Text="系统功能模块" NodeID="root" Expanded="true"   Icon="ApplicationHome">
  30. </ext:AsyncTreeNode>
  31. </Root>
  32. <Loader>
  33. <ext:PageTreeLoader RequestMethod="POST" OnNodeLoad="GetReportList" PreloadChildren="true">
  34. <EventMask ShowMask="true" Target="Parent" Msg="Loading..." />
  35. </ext:PageTreeLoader>
  36. </Loader>
  37. <Listeners>
  38. <Click Handler="if(node.isLeaf()){e.stopEvent();loadExample(node);}" />
  39. </Listeners>
  40. </ext:TreePanel>
  41. </West>
  42. <Center>
  43. <ext:TabPanel ID="Pages" runat="server" EnableTabScroll="true" />
  44. </Center>
  45. </ext:BorderLayout>
  46. </Items>
  47. </ext:Viewport>
  48. </form>
  49. </body>
  50. </html>

后台文件WebForm2.aspx.cs中代码：

  1. using System;
  2. using System.Collections.Generic;
  3. using System.Linq;
  4. using System.Web;
  5. using System.Web.UI;
  6. using System.Web.UI.WebControls;
  7. using Ext.Net;
  8. using System.Data;
  9. namespace ext_SMS
  10. {
  11. public partial class WebForm2 : System.Web.UI.Page
  12. {
  13. protected void Page_Load(object sender, EventArgs e)
  14. {
  15. }
  16. protected void GetReportList(object sender, NodeLoadEventArgs e)
  17. {
  18. string prefix = e.ExtraParams["prefix"] ?? "";
  19. if (!string.IsNullOrEmpty(e.NodeID))
  20. {
  21. for (int i = 1; i < 6; i++)
  22. {
  23. AsyncTreeNode asyncNode = new AsyncTreeNode();
  24. asyncNode.Text = prefix + e.NodeID + i;
  25. asyncNode.NodeID = e.NodeID + i;
  26. e.Nodes.Add(asyncNode);
  27. }
  28. for (int i = 6; i < 11; i++)
  29. {
  30. Ext.Net.TreeNode treeNode = new Ext.Net.TreeNode();
  31. treeNode.Text = prefix + e.NodeID + i;
  32. treeNode.NodeID = e.NodeID + i;
  33. treeNode.Leaf = true;
  34. // treeNode.Icon = Icon.Accept;         //注意此处设置不起作用
  35. treeNode.IconCls = "add";     //设置自定义样式
  36. e.Nodes.Add(treeNode);
  37. }
  38. }
  39. }
  40. }
  41. }

注意：图片位于image文件夹下，名称query.jpg

3、需要默认样式时，不设置自定义样式即可。

去掉这句：treeNode.IconCls = "add"; //设置自定义样式

Ext.Net TreePanel 修改Icon图标的更多相关文章

  1. MFC程序如何修改icon图标

    场景: Visual Studio写MFC应用程序,默认的程序左上角图标是自带的(如下图),虽说也不丑,但是对于程序员来说,还是缺乏个性了. 你知道,C.C++.java系程序员最常干的事情就是定义. ...

  2. Easyui 修改|新增jquery-easyui icon图标

    修改|新增jquery-easyui icon图标 by:授客 QQ:1033553122 测试环境 jquery-easyui-1.5.3 修改配置文件 打开jquery-easyui-1.5.3\ ...

  3. 百度地图－修改marker图标(icon)

    百度地图-修改marker图标(icon) 学习了:https://blog.csdn.net/clh604/article/details/9412291/ 源码膜拜: var map = new ...

  4. Ext.tree.TreePanel 属性详解

    Ext.tree.TreePanel 属性详解 2013-06-09 11:02:47|  分类: ExtJs|举报|字号 订阅  原文地址:http://blog.163.com/zzf_fly/b ...

  5. JS组件系列——不容错过的两款Bootstrap Icon图标选择组件

    前言:最近好多朋友在群里面聊到bootstrap icon图标的问题,比如最常见的菜单管理,每个菜单肯定需要一个对应的菜单图标,要是有一个可视化的图标选择组件就好了,最好是直接选择图标,就能得到对应的 ...

  6. [转]轻松学习Ionic （四） 修改应用图标及添加启动画面（更新官方命令行工具自动生成）

    本文转自:http://blog.csdn.net/zapzqc/article/details/42237935 由于Ionic更新了命令行工具,以后修改应用图标和添加启动画面就简单了,最新方法见最 ...

  7. 轻松学习Ionic （四） 修改应用图标及添加启动画面（更新官方命令行工具自动生成）

    由于Ionic更新了命令行工具,以后修改应用图标和添加启动画面就简单了,最新方法见最下方:   应用图标:   1.在整个项目所在文件夹下创建res文件夹,里边再分别创建两个文件夹android和io ...

  8. 目标指向、Icon图标的错误

    VS打包后生成快捷方式:目标指向.Icon图标的错误 1.目标指向错误: 在安装***.msi文件后,对快捷方式-->右键-->属性: 发现目标并非指exe文件. 于是我新建了一个快捷方式 ...

  9. QT5版本添加icon图标步骤

    QT5版本添加icon图标方法收藏 方法1: step1: 把要显示的图标文件,比如为1.ico文件放到工程v的根目录下 step2: 修改当前项目XXX.pro文件,在文件末尾添加如下内容(注意=的 ...

随机推荐

  1. webApi上传下载文件

    上传文件通过webApi html端调用时包含(form提交包含 enctype="multipart/form-data",才可以启作用获取到文件) public class U ...

  2. SqlServer Where后面Case When语句的写法

    select * from tb where (case when col='***' then '***' else '***' end)='***'

  3. NoSQL学习——MongoDB

    MongoDB作为一款文档数据库,支持分片存储,scale-out,集群自动切换,下面将粗略的配置步骤总结如下: 几个重要概念: 数据库:集合--记录--游标(查询时标记序号) sharding分片: ...

  4. Dev tdxDBTreeView

    可以快速的用tree展示层次结构,无需任何编码;对tree的操作会自动post到数据集:对数据集的操作会 在tree上表现 一.关键 设置 datasource displayField:节点的   ...

  5. CFileFind类的使用总结

    CFileFind类的使用总结(转) CFileFind类的使用总结2007-7-71.CFileFind类的声明文件保存在afx.h头文件中.2.该类的实现的功能:执行本地文件的查找(查找某个具体的 ...

  6. STP的作用和操作

    STP的作用 STP通过阻塞端口来消除环路,并能够实现链路备份的目的 STP的操作 选举一个根桥 比较交换机的桥ID,越小越优先 桥ID  是8个字节,2个字节的优先级+6个字节的MAC地址 2.每个 ...

  7. mysql计算时间差函数

    MySql计算两个日期的时间差函数TIMESTAMPDIFF用法,只要用一句SQL语句就可以办到了. MySql计算两个日期的时间差函数TIMESTAMPDIFF用法: 语法: TIMESTAMPDI ...

  8. Hcm data loader for cancel work relationship

    好好总结一下这个task.没有做好的东西:1.现有的资料和各种各样的工具没有很好的利用起来,造成了用了很多的时间去了解和自己学习.非常的不舒服的.下次要避免这样的浪费时间,学会在工作中学习.现在以及以 ...

  9. 微信支付-“申请退款”接口遇到curl出错，错误码:58

    该错误是没有 使用证书 导致的. 解决办法: 1. 下载证书. 2. 拷贝到 WxPayPubHelper/cacert/目录下 重试退款,OK

  10. 通过JDBC进行简单的增删改查（以MySQL为例）

    目录 前言:什么是JDBC 一.准备工作(一):MySQL安装配置和基础学习 二.准备工作(二):下载数据库对应的jar包并导入 三.JDBC基本操作 (1)定义记录的类(可选) (2)连接的获取 ( ...