您的位置:首页 > Web前端 > JQuery

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

2009-03-11 02:50 381 查看
(正在装 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//自己改

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

如何使用:

.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);
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: