asp.net treeview 总结
网上关于Treeview的代码虽然多 但是都是很乱 实用性和正确性也不是很好 只好自己写一套了,时间比较紧张 性能可能还需调整
以用户组织的一个实际例子来讲诉Treeview的用法吧
组织表结构:

用户组织表结构:

前台界面aspx
<form id="Form1" runat="server">
<table> <tr>
<td class="contentTD">
<div id="MyTreeDiv">
<asp:TreeView ShowCheckBoxes="All" ID="MyTreeView" ImageSet="Contacts" runat="server" ExpandDepth="" Width="400px" BorderStyle="Solid" BorderWidth="1px">
</asp:TreeView>
</div>
</td>
</tr>
<tr> <td class="content">
<asp:Button ID="btnSubmit" runat="server" Text="提 交" CssClass="dotNetButton" OnClick="btnSubmit_Click" /><input type="button" class="glbutton" onclick="history.go(-1);"
value="返 回" />
<asp:ListBox ID="ListBox1" Visible="false" runat="server"></asp:ListBox>
</td>
</tr>
</table>
</form>
js控制父节点选中子节点自动选中
<script>
function Davidovitz_HandleCheckbox() {
var element = event.srcElement;
if (element.tagName == "INPUT" && element.type == "checkbox") {
var checkedState = element.checked;
while (element.tagName != "TABLE") // Get wrapping table
{
element = element.parentElement;
} Davidovitz_UnCheckParents(element); // Uncheck all parents element = element.nextSibling; if (element == null) // If no childrens than exit
return; var childTables = element.getElementsByTagName("TABLE");
for (var tableIndex = ; tableIndex < childTables.length; tableIndex++) {
Davidovitz_CheckTable(childTables[tableIndex], checkedState);
}
}
} // Uncheck the parents of the given table, Can remove the recurse (redundant)
function Davidovitz_UnCheckParents(table) {
if (table == null || table.rows[].cells.length == ) // This is the root
{
return;
}
var parentTable = table.parentElement.previousSibling;
Davidovitz_CheckTable(parentTable, false);
Davidovitz_UnCheckParents(parentTable);
} // Handle the set of checkbox checked state
function Davidovitz_CheckTable(table, checked) {
var checkboxIndex = table.rows[].cells.length - ;
var cell = table.rows[].cells[checkboxIndex];
var checkboxes = cell.getElementsByTagName("INPUT");
if (checkboxes.length == ) {
checkboxes[].checked = checked;
}
} </script>
后台代码.cs
protected void Page_Load(object sender, EventArgs e)
{
if (!IsPostBack)
{
this.MyTreeView.Attributes.Add("onclick", "Davidovitz_HandleCheckbox()"); bind();
}
}
//数据绑定
private void bind()
{
this.MyTreeView.Nodes.Clear();
//读取组织列表
DataTable dt = new T_GroupManager().GetDataTableBySQL(" and FState=1 and FCreatorID = " + Request.QueryString["id"]); this.ViewState["ds"] = dt;
//调用递归函数,完成树形结构的生成
AddTree(, (TreeNode)null); if (Request.QueryString["id"] != null)
{
//根据用户ID查找对应的用户组织结构,勾上
List<T_UserGroup> list = new T_UserGroupManager().GetAllBySQL(" and FUSerID=" + Request.QueryString["id"]).ToList();
ViewState["UserGroup"] = list;
foreach (T_UserGroup item in list)
{
for (int i = ; i < this.MyTreeView.Nodes.Count; i++)
{
if (MyTreeView.Nodes[i].ChildNodes.Count > ) //判断是否还有子节点
{
SetNode(MyTreeView.Nodes[i]);
}
if (MyTreeView.Nodes[i].Value == item.FGroupID.ToString()) //判断是否被选中
{
MyTreeView.Nodes[i].Checked = true;
}
}
}
}
}
//查找子节点
public void SetNode(TreeNode node)
{
if (Request.QueryString["id"] != null)
{
//根据ID查找对应的组织结构,勾上
List<T_UserGroup> list = ViewState["UserGroup"] as List<T_UserGroup>;
foreach (T_UserGroup item in list)
{
for (int i = ; i < node.ChildNodes.Count; i++)
{
if (node.ChildNodes[i].ChildNodes.Count > ) //判断是否还有子节点
{
SetNode(node.ChildNodes[i]); //递归查找
}
if (node.ChildNodes[i].Value == item.FGroupID.ToString()) //判断是否被选中
{
node.ChildNodes[i].Checked = true;
}
}
}
}
} //递归添加树的节点
public void AddTree(int ParentID, TreeNode pNode)
{
DataTable ds = (DataTable)this.ViewState["ds"];
DataView dvTree = new DataView(ds);
//过滤ParentID,得到当前的所有子节点
dvTree.RowFilter = "[FParentUserID] = " + ParentID; foreach (DataRowView Row in dvTree)
{
TreeNode Node = new TreeNode();
if (pNode == null)
{
//添加根节点
Node.Text = Row["FGroupName"].ToString();
Node.Value = Row["PID"].ToString();
this.MyTreeView.Nodes.Add(Node);
Node.Expanded = true;
//再次递归
AddTree(Int32.Parse(Row["PID"].ToString()), Node);
}
else
{
//添加当前节点的子节点
Node.Text = Row["FGroupName"].ToString();
Node.Value = Row["PID"].ToString();
pNode.ChildNodes.Add(Node);
Node.Expanded = true;
//再次递归
AddTree(Int32.Parse(Row["PID"].ToString()), Node);
}
}
}
/// <summary>
/// 保存
/// </summary>
/// <param name="sender"></param>
/// <param name="e"></param>
protected void btnSubmit_Click(object sender, EventArgs e)
{
for (int i = ; i < MyTreeView.Nodes.Count; i++)
{
if (MyTreeView.Nodes[i].ChildNodes.Count > ) //判断是否还有子节点
{
GetNode(MyTreeView.Nodes[i]);
}
if (MyTreeView.Nodes[i].Checked == true) //判断是否被选中
{
string s = MyTreeView.Nodes[i].Value.ToString();
ListBox1.Items.Add(s);
}
}
T_UserGroupManager gm = new T_UserGroupManager();
//清空
List<T_UserGroup> list = ViewState["UserGroup"] as List<T_UserGroup>;
foreach (T_UserGroup item in list)
{
gm.DeleteByPID(item.PID);
}
int id = Convert.ToInt32(Request.QueryString["id"]);
//保存
foreach (var item in ListBox1.Items)
{
T_UserGroup ug = new T_UserGroup();
ug.FUSerID = id;
ug.FGroupID = Convert.ToInt32((item as ListItem).Value);
ug.FState = ;
gm.Add(ug);
}
ShowJS("<script>alert('保存成功!');location = 'UserGroupInfo.aspx'</script>");
}
//获取选中节点
public void GetNode(TreeNode node)
{
for (int i = ; i < node.ChildNodes.Count; i++)
{
if (node.ChildNodes[i].ChildNodes.Count > ) //判断是否还有子节点
{
GetNode(node.ChildNodes[i]); //递归查找
}
if (node.ChildNodes[i].Checked == true) //判断是否被选中
{
string s = node.ChildNodes[i].Value.ToString();
ListBox1.Items.Add(s);
}
}
}
}
基本上面就是全部代码了,实现了Treeview的读取和根据勾选保存,根据用户配置设置Treeview的勾选项
用了好一段时间才整理出来的,要转载的童鞋记得保留我的链接哦http://www.cnblogs.com/linyijia/p/3497503.html
asp.net treeview 总结的更多相关文章
- asp .Net TreeView实现数据绑定和事件响应
最近做了一个图书馆管理系统,其中要实现中图法分类号查询,因为初学asp ,感觉还有点难度, 第一步:数据库文件 第二步 向界面中拖进TreeView控件 第三步添加事件 下面是cs文件代码 //Tre ...
- asp 使用TreeView控件
这段代码为了使用 TreeNodeCheckChanged 事件,会有回刷新的效果: 不喜欢的可查看改进版,利用js控制选择操作,无界面刷新, “http://www.cnblogs.com/GoCi ...
- asp.net treeview 异步加载
在使用TreeView控件的时候,如果数据量太大,这个TreeView控件加载会很慢,有时甚至加载失败, 为了更好的使用TreeView控件加载大量的数据,采用异步延迟加载TreeView. 在Tre ...
- ASP.NET - TreeView 增删
效果: 前端代码: <%@ Master Language="C#" AutoEventWireup="true" CodeBehind="Si ...
- ASP.NET - TreeView
设置节点图片 : Windows资源管理器左侧的树型资源结构图中,各节点都有图片连接,例如磁盘的图片.光盘的图片和文件夹的图片等,使资源的表现更加形象.IEWebControls的TreeView控件 ...
- 转:asp.net TreeView CheckChanged 事件浅谈
http://blog.csdn.net/xiage/article/details/5128755 在开发中经常可以碰到类似的问题: 想通过一个树父节点的TreeNodeCheckChanged 事 ...
- asp.net TreeView控件绑定数据库显示信息
using System; using System.Collections.Generic; using System.Linq; using System.Web; using System.We ...
- asp.net TreeView与XML配合使用v1.1
刚我在做Tree view 绑定时自己摸索了一下,网上有人说TreeView绑定数据源,用什么递归绑定啥的,我不想看了,就自己试着写了一个 我是这样做的,如果有什么问题请大神指导,我是菜鸟额.. 1: ...
- ASP.NET - TreeView控件,只操作最后一级节点
效果: 使用母板页进行,左右页面进行跳转. 绑定TreeView控件:http://www.cnblogs.com/KTblog/p/4792302.html 主要功能: 点击节点的时候,只操作最后一 ...
随机推荐
- 如何:创建签名的友元程序集(C# 和 Visual Basic)
如何:创建签名的友元程序集(C# 和 Visual Basic) Visual Studio 2013 本示例演示了如何将友元程序集和具有强名称的程序集一起使用. 这两种程序集必须都使用强名称. ...
- 换掉Tomcat默认图标
将<Tomcat_home>下的/webapps/ROOT的favicon.ico替换成你自己的图标,名还得是这个名. 然后清除浏览器缓冲,webapp默认的小猫图标就被换掉了. 效果如下 ...
- C++ 11 - STL - 函数对象(Function Object) (下)
1. 预定义函数对象 C++标准库内含许多预定义的函数对象,也就是内置的函数对象. 你可以充分利用他们,不必自己费心去写一些自己的函数对象. 要使用他们,你只要包含如下头文件 #include < ...
- js冒泡法和数组转换成字符串
js代码: window.onload = function(){ var mian = document.getElementById( "mian" ); var mian1 ...
- ant design pro (四)新增页面
一.概述 参看地址:https://pro.ant.design/docs/new-page-cn 这里的『页面』指配置了路由,能够通过链接直接访问的模块,要新建一个页面,通常只需要在脚手架的基础上进 ...
- 名词解释:alpha版、beta版、rc版的意思(转)
很多软件在正式发布前都会发布一些预览版或者测试版,一般都叫“beta版”或者 “rc版”,特别是开源软件,甚至有“alpha版”,下面来解释一下各个版本的意思. alpha版:内部测试版.α是希腊字母 ...
- 发现恶意ip大量访问 可使用命令进行封禁
1. vim /etc/sysconfig/iptables 2.添加箭头指向的语句,ip可以替换, 3. 保存后退出 service iptables save 4.重启 service iptab ...
- 推荐10款最常用的Android开发工具
我们使用各种语言进行开发时,总是会用到各种各样的开发工具.有些开发工具是开发人员的必备品,有些则是为了提高开发效率而用.Android开发同样也会用到多种开发工具,供开发人员设计.创建.测试和发布程序 ...
- Linux命令-文件处理命令:tail
tail /etc/services 查看etc目录的services文件最后10行内容(默认显示后10行内容) tail -n /etc/services 查看etc目录的services文件的后5 ...
- Mysql 修改数据库,mysql修改表类型,Mysql增加表字段,Mysql删除表字段,Mysql修改字段名,Mysql修改字段排列顺序,Mysql修改表名
对于已经创建好的表,尤其是已经有大量数据的表,如果需要对表做一些结构上的改变,我们可以先将表删除(drop),然后再按照新的表定义重建表.这样做没有问题,但是必然要做一些额外的工作,比如数据的重新加载 ...