分类： 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. 解决linux yum无法安装mysql

    yum源中默认好像是没有mysql的.为了解决这个问题,我们要先下载mysql的repo源. 1. 下载mysql的repo源 wget http://repo.mysql.com/mysql-com ...

  2. java闭包

    闭包就是在一个外部类A中声明了一个内部类B,然后这个内部类可以访问他自己B的作用域和外部类A的作用域.然后现在用另外一个类C创建了一个内部类B,那么这个内部类B可以访问C的作用域. 如果没有闭包,那B ...

  3. 8天掌握EF的Code First开发系列之3 管理数据库创建，填充种子数据以及LINQ操作详解

    本文出自8天掌握EF的Code First开发系列,经过自己的实践整理出来. 本篇目录 管理数据库创建 管理数据库连接 管理数据库初始化 填充种子数据 LINQ to Entities详解 什么是LI ...

  4. Oracle数据库中SYS、SYSTEM、DBSNMP、SYSMAN四用户的区别

    [转]   SYS.SYSTEM.DBSNMP. Oracle 数据库中 SYS.SYSTEM.DBSNMP.SYSMAN 四用户的区别 用户: SYS 用户: SYS,默认密码为 CHANGE_ON ...

  5. XidianOJ 1044 炸金花

    题目描述 炸金花是一个风靡全球的扑克游戏,不少人因为这个游戏发了家,而更多的人则输得倾家荡产.为了帮助赌徒们戒掉它,现在决定派你去写一个程序,帮助赌徒们更好的认识这个游戏. 炸金花在这里被简化成这样一 ...

  6. 深入理解javascript原型和闭包

    目录: 深入理解javascript原型和闭包(1)——一切都是对象 深入理解javascript原型和闭包(2)——函数和对象的关系 深入理解javascript原型和闭包(3)——prototyp ...

  7. WebKit的CSS扩展(WebKit是私有属性)

    http://www.css88.com/webkit/-webkit-touch-callout/ -webkit-tap-highlight-color 是一个 不规范的属性(unsupporte ...

  8. python3.5------day4--function

    函数 函数的作用: 1.减少重复代码 2.扩展性强 3.使程序变的可维护 函数的定义: def test(): print("I'm yao") #def 是固定的,test为函数 ...

  9. SystemC简介

    SystemC是一种基于C++语言的用于系统设计的计算机语言,是用C++编写的一组库和宏.它是为了提高电子系统设计效率而逐渐发展起来的产物.IEEE于2005年12月批准了IEEE1666-2005标 ...

  10. highchart访问一次后台服务返回多张图表数据

    本文承接上一篇,我们制作动态图表的时候,往往需要的不止一张图表,如果每张图表都与服务接口做一次交互的话未免太过频繁,这无论对前后还是后台都是一种压力,本文介绍一种一次访问返回多组数据的方式来减少前台与 ...