生成 jQuery simple treeview所需 html的一个小控件-控件新闻-慧都网

生成 jQuery simple treeview所需 html的一个小控件

原创|其它|编辑：郝浩|2009-03-11 10:21:34.000|阅读 952 次

概述：生成 jQuery simple treeview所需 html的一个小控件

jQuery simple treeview 需要这样的一段html

放个空的<ul></ul>在这边，是因为那个节点有子节点，但我们没加载他，当用户点击展开按钮在展开。展开的时候去服务器端取个数据自己加上去，这里就不废话了。

先上代码：

Code
using System;
using System.Collections.Generic;
using System.ComponentModel;
using System.Text;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;

namespace aaa.bbb.ccc//自己改
{
 [DefaultProperty("Text")]
 [ToolboxData("<{0}:JavaScriptTree runat=server></{0}:JavaScriptTree>")]
 public class JavaScriptTree : WebControl
 {
 private List<JavaScriptTreeNode> _Nodes = new List<JavaScriptTreeNode>();
 public List<JavaScriptTreeNode> Nodes
 {
 set
 {
 _Nodes = value;
 }
 get
 {
 return _Nodes;
 }
 }

        private string _className;
        public string ClassName
        {
            get
            {
                return _className;
            }
            set
            {
                _className = value;
            }
        }

        protected override void CreateChildControls()
        {
            base.CreateChildControls();
            foreach (JavaScriptTreeNode item in _Nodes)
            {
                base.Controls.Add(item);
            }
        }

        public override void RenderBeginTag(HtmlTextWriter writer)
        {
            writer.WriteBeginTag("div");
            writer.WriteAttribute("class", this.ClassName);
            writer.WriteAttribute("id", "div" + this.ID);
            writer.Write(HtmlTextWriter.TagRightChar);

            writer.WriteBeginTag("ul");
            writer.WriteAttribute("class", this.ClassName);
            writer.WriteAttribute("id", this.ID);
            writer.Write(HtmlTextWriter.TagRightChar);
        }

        public override void RenderEndTag(HtmlTextWriter writer)
        {
            writer.WriteEndTag("ul");
            writer.WriteEndTag("div");
        }

        protected override HtmlTextWriterTag TagKey
        {
            get
            {
                return HtmlTextWriterTag.Div;
            }
        }
    }
}

using System;
using System.Collections.Generic;
using System.ComponentModel;
using System.Text;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;

namespace aaa.bbb.ccc
{
    public class JavaScriptTreeNode : Panel
    {
        private string _id;
        public string ID
        {
            get
            {
                return _id;
            }
            set
            {
                _id = value;
            }
        }
        private string _name;
        public string Name
        {
            get
            {
                return _name;
            }
            set
            {
                _name = value;
            }
        }

        private int _childNumber;
        public int ChildNumber
        {
            get
            {
                return _childNumber;
            }
            set
            {
                _childNumber = value;
            }
        }

        private bool _isExpanded=false;
        public bool IsExpanded
        {
            get
            {
                return _isExpanded;
            }
            set
            {
                _isExpanded = value;
            }
        }

private List<JavaScriptTreeNode> _Nodes = new List<JavaScriptTreeNode>();

public List<JavaScriptTreeNode> Nodes
 {
 set
 {
 _Nodes = value;
 }
 get
 {
 return _Nodes;
 }
 }

        protected override HtmlTextWriterTag TagKey
        {
            get
            {
                return HtmlTextWriterTag.Li;
            }
        }

        public override void RenderBeginTag(HtmlTextWriter writer)
        {
            writer.AddAttribute(HtmlTextWriterAttribute.Id, this.ID);
            if (!this.IsExpanded)
            {
                writer.AddAttribute(HtmlTextWriterAttribute.Class, "closed");
            }
            base.RenderBeginTag(writer);
            writer.WriteBeginTag("span");

            if (!string.IsNullOrEmpty(this.ClassName))
            {
                writer.WriteAttribute("class", this.ClassName);
            }
            writer.Write(HtmlTextWriter.TagRightChar);
            writer.Write(this.Name);
            writer.WriteEndTag("span");
            if (this.ChildNumber > 0)
            {
                writer.WriteBeginTag("ul");
                writer.Write(HtmlTextWriter.TagRightChar);
            }
        }

        public override void RenderEndTag(HtmlTextWriter writer)
        {
            if (this.ChildNumber > 0)
            {
                writer.WriteEndTag("ul");
            }
            base.RenderEndTag(writer);
        }
    }
}

如何使用：

.aspx

<%@ Register Assembly="ServerControls" Namespace="aaa.bbb.ccc" TagPrefix="sc" %>
<sc:JavaScriptTree ID="treeFolder" runat="server" ClassName="filetree" />

///

.aspx.cs

        JavaScriptTreeNode node = new JavaScriptTreeNode();
        node.ID = "123";
        node.Name = "name";
        node.ChildNumber = 345;
        node.ClassName = "folder";
        node.IsExpanded = false;
        this.treeFolder.Nodes.Add(node);

//node.Nodes.Add(node1);//自己去添加子节点
//node.Nodes.Add(node2);

标签：

本站文章除注明转载外，均为本站原创或翻译。欢迎任何形式的转载，但请务必注明出处、不得修改原文相关链接，如果存在内容上的异议请邮件反馈至chenjj@evget.com

文章转载自：博客园

上一篇：在.net中开发复合控件（一）下一篇：对 string类型和 stringBuilder类型的研究