TreeView案例
TreeView无限级的绑定，添加，删除，修改。
一、使用Ajax+ashx+access数据库实现TreeView无刷新操作。
效果图：
案例一下载地址：http://download.csdn.net/detail/lovegonghui/9254347
二、可以通过TreeView实现增删改查，数据库采用的是Access，操作采用OleDbHelper
数据库说明
classId
className
classDescrip
parentId,父级编号，顶级为0
sortId,排序编号,
删除的时候，把sortId大于此编号的，全部减一。
增加的时候，在最大编号上加一。
上移的时候，与前面交换sortId,先判断是否已经是最前了。即是否为0
下移的时候，与后面交换sortId,先判断是否已经是最后了。即是否为childNum+1
depth,深度，0为顶级。
childNum，子级数量，0为没有。
增加操作
1.如果是顶级，则parentId=0,depth=0
sortId,按最大值
2.如果有父级，则操作父级，childNum增1
sortId,按childNum+1,depth为父级depth+1
删除操作
1.判断是否有子类，即parentId=当前classId，有则不可删除。
2.无，则判断是否是顶级。有父级，则父级childNum减1. 找到sortId,把父级sortId大于此的减1
关键代码：
///
/// 增加同级
///
///
///
protected void imgBtnAddNode_Click(object sender, ImageClickEventArgs e)
{
if (tvType.SelectedNode != null)
{
if (tvType.SelectedValue != "-1")//根结点不算
bodyUrl = "body.aspx?type=add&classId=" + tvType.SelectedValue;
}
else
Page.ClientScript.RegisterStartupScript(this.GetType(), "show", "alert('请选择类别！');;", true);
}
///
/// 增加子级
///
///
///
protected void imgBtnAddChildNode_Click(object sender, ImageClickEventArgs e)
{
if (tvType.SelectedNode != null)
{
bodyUrl = "body.aspx?type=addChild&classId=" + tvType.SelectedValue;
}
else
Page.ClientScript.RegisterStartupScript(this.GetType(), "show", "alert('请选择类别！');;", true);
}
///
/// 删除
///
///
///
protected void imgBtnDeleteNode_Click(object sender, ImageClickEventArgs e)
{
if (tvType.SelectedNode != null)
{
if (tvType.SelectedNode == tvType.Nodes[0])
{
Page.ClientScript.RegisterStartupScript(this.GetType(), "show", "alert('根结点不能删除');", true);
return;
}
if (!classes.HasChild(Convert.ToInt32(tvType.SelectedValue)))
{
//先把同级重新排序
DataTable dt = classes.GetByClassId(Convert.ToInt32(tvType.SelectedValue));
classes.UpdateSort(Convert.ToInt32(dt.Rows[0]["sortId"].ToString()), Convert.ToInt32(dt.Rows[0]["parentId"].ToString()));
classes.UpdateChildNum(Convert.ToInt32(dt.Rows[0]["parentId"].ToString()), false);
//再删除
classes.DeleteClass(Convert.ToInt32(tvType.SelectedValue));
Response.Redirect("tree.aspx");
}
else
Page.ClientScript.RegisterStartupScript(this.GetType(), "show", "alert('请先删除子级！');;", true);
}
else
Page.ClientScript.RegisterStartupScript(this.GetType(), "show", "alert('请选择类别！');;", true);
}
///
/// 上移
///
///
///
protected void imgBtnUp_Click(object sender, ImageClickEventArgs e)
{
if (tvType.SelectedNode != null)
{
if (tvType.SelectedNode == tvType.Nodes[0])
{
Page.ClientScript.RegisterStartupScript(this.GetType(), "show", "alert('根结点不能移动');", true);
return;
}
DataTable dt = classes.GetByClassId(Convert.ToInt32(tvType.SelectedValue));
DataTable dtUp = classes.GetUpDown(Convert.ToInt32(tvType.SelectedValue), true);
if (dt.Rows[0]["sortId"].ToString() != "0")
{
classes.ChangeSort(Convert.ToInt32(dt.Rows[0]["classId"].ToString()), true);
classes.ChangeSort(Convert.ToInt32(dtUp.Rows[0]["classId"].ToString()), false);
Response.Redirect("tree.aspx");
}
else
Page.ClientScript.RegisterStartupScript(this.GetType(), "show", "alert('已经排在上面！');", true);
}
else
Page.ClientScript.RegisterStartupScript(this.GetType(), "show", "alert('请选择类别！');;", true);
}
///
/// 下移
///
///
///
protected void imgBtnDown_Click(object sender, ImageClickEventArgs e)
{
if (tvType.SelectedNode != null)
{
if (tvType.SelectedNode == tvType.Nodes[0])
{
Page.ClientScript.RegisterStartupScript(this.GetType(), "show", "alert('根结点不能移动');", true);
return;
}
DataTable dt = classes.GetByClassId(Convert.ToInt32(tvType.SelectedValue));
DataTable dtDown = classes.GetUpDown(Convert.ToInt32(tvType.SelectedValue), false);
if (dtDown.Rows.Count > 0)
{
classes.ChangeSort(Convert.ToInt32(dt.Rows[0]["classId"].ToString()), false);
classes.ChangeSort(Convert.ToInt32(dtDown.Rows[0]["classId"].ToString()), true);
Response.Redirect("tree.aspx");
}
else
Page.ClientScript.RegisterStartupScript(this.GetType(), "show", "alert('已经排在下面！');", true);
}
else
Page.ClientScript.RegisterStartupScript(this.GetType(), "show", "alert('请选择类别！');;", true);
}
///
/// 最简单的无限级绑定，这里的效率需要改进
///
///
///
private void PopulateTreeView(int parentId, TreeNode parentNode)
{
DataView dv = classes.GetClass("parentId=" + parentId.ToString()).DefaultView;
foreach (DataRowView drv in dv)
{
TreeNode myNode = new TreeNode(drv["className"].ToString());
//myNode.Expanded = false;
myNode.Value = drv["classId"].ToString();
myNode.Target = "bodyFrame";
myNode.NavigateUrl = "body.aspx?classId=" + drv["classId"].ToString();
parentNode.ChildNodes.Add(myNode);
PopulateTreeView(Convert.ToInt32(drv["classId"].ToString()), myNode);
}
}
运行效果图：
案例二下载地址：http://download.csdn.net/detail/lovegonghui/9272251
三、Jquery+ashx+JavaScript+json+database生成带CheckBox无限级TreeView
1：支持静态的树，即一次性将全部数据加载到客户端。
2：异步树，即一次只加载一级或若干级节点，子节点可以异步加载数据。
3：Checkbox树（可能是静态树也可能是异步树），用于选择（如选择组织机构，选择数据字典项）等，最好是能够支持节点级联（这个是难点）
4：能够承载大数据量，并性能表现优异
5：能够在主流浏览器中运行良好
运行效果图：
案例三下载地址：http://download.csdn.net/detail/lovegonghui/9276491
四、SQL数据库无限级绑定TreeView
运行效果图：
案例四下载地址：http://download.csdn.net/detail/lovegonghui/9280111