网上关于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 总结的更多相关文章

  1. asp .Net TreeView实现数据绑定和事件响应

    最近做了一个图书馆管理系统,其中要实现中图法分类号查询,因为初学asp ,感觉还有点难度, 第一步:数据库文件 第二步 向界面中拖进TreeView控件 第三步添加事件 下面是cs文件代码 //Tre ...

  2. asp 使用TreeView控件

    这段代码为了使用 TreeNodeCheckChanged 事件,会有回刷新的效果: 不喜欢的可查看改进版,利用js控制选择操作,无界面刷新, “http://www.cnblogs.com/GoCi ...

  3. asp.net treeview 异步加载

    在使用TreeView控件的时候,如果数据量太大,这个TreeView控件加载会很慢,有时甚至加载失败, 为了更好的使用TreeView控件加载大量的数据,采用异步延迟加载TreeView. 在Tre ...

  4. ASP.NET - TreeView 增删

    效果: 前端代码: <%@ Master Language="C#" AutoEventWireup="true" CodeBehind="Si ...

  5. ASP.NET - TreeView

    设置节点图片 : Windows资源管理器左侧的树型资源结构图中,各节点都有图片连接,例如磁盘的图片.光盘的图片和文件夹的图片等,使资源的表现更加形象.IEWebControls的TreeView控件 ...

  6. 转:asp.net TreeView CheckChanged 事件浅谈

    http://blog.csdn.net/xiage/article/details/5128755 在开发中经常可以碰到类似的问题: 想通过一个树父节点的TreeNodeCheckChanged 事 ...

  7. asp.net TreeView控件绑定数据库显示信息

    using System; using System.Collections.Generic; using System.Linq; using System.Web; using System.We ...

  8. asp.net TreeView与XML配合使用v1.1

    刚我在做Tree view 绑定时自己摸索了一下,网上有人说TreeView绑定数据源,用什么递归绑定啥的,我不想看了,就自己试着写了一个 我是这样做的,如果有什么问题请大神指导,我是菜鸟额.. 1: ...

  9. ASP.NET - TreeView控件,只操作最后一级节点

    效果: 使用母板页进行,左右页面进行跳转. 绑定TreeView控件:http://www.cnblogs.com/KTblog/p/4792302.html 主要功能: 点击节点的时候,只操作最后一 ...

随机推荐

  1. [AngularJS] Angular 1.3 ngAria - 2

    This is an highlight about ngAira in Angular Document abou ngAira Where can use ngAria? Currently, n ...

  2. [小技巧] gcc attribute error 属性小试

    gcc __attribute__  里有一个属性是 error 能够用于编译时报错. 參考: https://gcc.gnu.org/onlinedocs/gcc-4.3.0/gcc/Functio ...

  3. Android编译程序报错:Re-installation failed due to different application signatures.

    如果机子上已经安装非本机编译的android程序,在编译的时候就会报错.方法首选的是删除原程序,然后再进行编译. 但是有一部分程序是烧录在系统程序里面的,无法直接删除,这时候可以使用adb shell ...

  4. .NET设计规范一:设计规范基础

    http://www.cnblogs.com/yangcaogui/archive/2012/04/18/2447049.html 前一段时间阅读了“.NET设计规范”这本书,读后给我的感觉是规范对开 ...

  5. HashMap源代码阅读

    Map类结构 Java的集合类主要由两个接口派生出来,Collection和Map,上一节我们讨论过Collection接口结构,如今来看下Map接口. HashMap 一种存储键/值关联的数据结构 ...

  6. JavaWeb 获取请求网络协议、IP、端口号、项目根路径

      JavaWeb 获取请求网络协议.IP.端口号.项目根路径 CreateTime--2018年6月1日16点32分 Author:Marydon 1.需求 在项目中,需要使用Java向本程序发送r ...

  7. MySQL比较两个表不同的数据

    在本教程中,您将学习如何比较两个表以找到不匹配的记录. 在数据迁移中,我们经常需要比较两个表,以便在一个表中标识另一个表中没有相应记录的记录. 例如,我们有一个新的数据库,其架构与旧数据库不同.我们的 ...

  8. RMAN检查数据库physical/logical corruption

    1.检测physical corruption RMAN> backup validate database archivelog all; 2.检测logical corruption RMA ...

  9. 摘:strings(字符串)简介

    之所以抛弃char*的字符串而选用C++标准程序库中的string类,是因为他和前者比较起来,不必担心内存是否足够.字符串长度等等,而且作为一个类出现,他集成的操作函数足以完成我们大多数情况下(甚至是 ...

  10. 整理 pandas 常用函数

    1. df.head(n): 显示数据前n行,不指定n,df.head则会显示所有的行 2. df.columns.values获取所有列索引的名称 3. df.column_name: 直接获取列c ...