分类： 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. 字符串怎么换行 || 字符串中使用单引号时应该怎么写 || 保留两位小数 || 数字0在if中的意思是false || 什么情况下会会报undefined || null和undefined的区别 ||

    换行的字符串 "This string\nhas two lines" 字符串中使用单引号时应该怎么写 'You\'re right, it can\'t be a quote' ...

  2. ARCGIS进行地理配准并加载到谷歌地球中查看

    普通的地图图片如何能让其附有经纬度坐标和投影信息,如何能将普通的地图图片加载到诸如谷歌地球等相关的三维地球软件当中进行生产或学习使用呢,这就要用到gis当中常用的一种功能,叫做地理配准.地理配准并不复 ...

  3. declaration expected but identifier 'firedac' found

    老是出现这种错误,原来是//注解时出来标点错误!

  4. 仿微软控件的html元素

    <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head>     & ...

  5. [CSS]多浏览器兼容的垂直居中，兼容多个IE

    相信你都是在兼容垂直居中而烦恼,翻阅多个网站总是找不到理想的方法而苦恼,来到这里你的问题解决了!如果对你有帮助请点个赞,谢谢. 多兼容垂直居中,在IE6-9亲自测试并通过 <!doctype h ...

  6. linux 目录下文件批量植入和删除，按日期打包

    linux目录下文件批量植入 [root@greymouster http2]# find /usr/local/http2/htdocs/ -type f|xargs sed -i "   ...

  7. WPS for Linux,系统缺失字体

    启动WPS for Linux后,出现提示"系统缺失字体" . 出现提示的原因是因为WPS for Linux没有自带windows的字体,只要在Linux系统中加载字体即可. 具 ...

  8. matlab 按照某列以行为单位进行排序

    a=[2 1 3 21 44 3] 然后按照第一列进行排序 sortrows(a,1) ans = 1 4 2 1 3 2 4 3 如要逆序,可以逆序读矩阵即可

  9. underscore.js库的浅析

    Underscore并没有在原生的JavaScript对象原型中进行扩展,而是像jQuery一样,将数据封装在一个自定义对象中(下文称“Underscore对象”).生成一个Underscore对象: ...

  10. Portable Basemap Server：多数据源多客户端的底图服务器

    Portable Basemap Server:多数据源多客户端的底图服务器 [poll id=”1″]2014.3.8更新v3.1~在线切片转换为MBTiles时,增加RecreateEmptyCa ...