分类： 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. Thoughtful function is also good for investigation

    Did you know how many friends in your IM? Some of them you are not familiar with, but your friends c ...

  2. promise实例小球运动

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

  3. 学习 Linux，101: Linux 命令行

    概述 本教程将简要介绍 bash shell 的一些主要特性,涵盖以下主题: 使用命令行与 shell 和命令交互 使用有效的命令和命令序列 定义.修改.引用和导出环境变量 访问命令历史和编辑工具 调 ...

  4. python 常用高效代码写法集锦

    一.打开文件 #使用 with 语句操作文件对象 with open(r'somefileName') as somefile: for line in somefile: print line # ...

  5. 实数---Currency讲解

      Currency 实际上是 Int64 的变体,Int64/10000 就是实际的值 

  6. python基础知识---数据结构之间的转换

  7. ASP.NET Misconfiguration: Missing Error Handling

    Abstract: An ASP .NET application must enable custom error pages in order to prevent attackers from ...

  8. git 忽视大小写

    git config core.ignorecase false http://stackoverflow.com/questions/3011625/git-mv-and-only-change-c ...

  9. node代码片段

    /** * Created by Administrator on 2016/8/22 0022. * chat */ var net=require('net'); var chatServer=n ...

  10. python的路径

    原来可以这么用和那么用 os.mkdir('d:\\su\\help1') os.mkdir('d:/su/help') 为啥提供俩种呢 真乱