生成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);
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);
相关文章推荐
- 用jQuery创建一个可编辑的SELECT下拉控件(HTML/CSS)
- jQuery入门(10):Ajax(利用WebService调用用户控件生成HTML)
- 使用JQuery动态生成Html控件
- 参照jquery_pagination写的一个生成html的类
- jquery获取ASP.NET服务器端控件dropdownlist和radiobuttonlist生成客户端HTML标签后的value和text值
- jquery获取ASP.NET服务器端控件dropdownlist和radiobuttonlist生成客户端HTML标签后的value和text值
- Jquery: 使用html生成的link的一个小问题。
- Asp.Net控件DataGrid生成的HTML为一个Table,这点和Div+CSS矛盾
- jsp生成html(方法简单,只用使用一个serlvet)
- 解决一个html 或jsp 引入多个不同版本的jquery 解决方案
- Jquery 操作Html 控件 CheckBox、Radio、Select 控件
- jquery bootgrid 一个很好的 数据控件,可用于任何语言
- HTML生成一个二维码,微信扫一扫,可以对网页分享
- jquery.treeview.js树控件的应用
- jQuery选择器的过滤器,即对选择的结果再进行一个过滤(如我不想要在<div id="test"></div>这里的input控件)
- TreeViewVisitor: 一个快捷访问 TreeView 控件节点的帮助类
- SimpleFlvWriter 一个动态生成flv的类
- 静态缓存案例生成一个html页面
- 自己使用js/jquery写的一个定制对话框控件
- 使用jquery当页面打开时,将一个事件绑定到控件(同时执行两个事件),并修改加载样式类中的样式