首页 / 脚本样式 / jQuery / 生成jQuery simple treeview所需html的一个小控件
生成jQuery simple treeview所需html的一个小控件2011-04-15 博客园 Hurry(正在装 VS2008,乘这个时间分享下一个小控件,没法整理demo,只能从项目中copy部 分代码)jQuery simple treeview 需要这样的一段html<ul class="filetree" id="treeFolder">
<li id="1"><span class="folder">Root</span>
<ul>
<li id="2" class="closed"><span class="folder">node1</span><ul></ul></li>
<li id="22" class="closed"><span class="folder">node2</span><ul></ul></li>
<li id="23" class="closed"><span class="folder">node3</span><ul></ul></li>
</ul>
</li>
<li id="64"><span class="imagebase">root2</span></li>
</ul>
放个空的<ul></ul>在这边,是因为那个节点有子 节点,但我们没加载他,当用户点击展开按钮在展开。展开的时候去服务器端取个数据自己 加上去,这里就不废话了。先上代码: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;
}
}
}
}