技巧放送 TreeView几个小技巧
ASP.NET 2.0 提供的TreeView极大的方便了我们的树状菜单应用,但是它的很多功能都是基于PostBack的实现,有时候我们更希望在客户端完成。积累了几点,整理一下。
1。父子节点CheckBox的级联选择
这个 251 已经实现了http://www.cnblogs.com/itrust/archive/2006/04/03/365439.aspx
2。多选与单选的切换简单实现
3。如何不让点击节点默认回发页面
方法1:
<asp:TreeNode Text="New Node" Value="New Node" NavigateUrl="javascript:void(0)" ></asp:TreeNode>
方法2:
<asp:TreeNode Text="New Node" Value="New Node" NavigateUrl="#"></asp:TreeNode>
方法2有个缺陷,就是会在页内跳转“锚”
4。客户端得到NodeValue
根据 lovenets2008 http://www.cnblogs.com/lovenets2008/archive/2007/03/16/677427.html 提示我作了Demo
感谢 251 和 lovenets2008 的无私奉献^_^
Demo:
<%@ Page Language="C#" AutoEventWireup="true" %>
<%--<script runat="server" type="text/C#">
void Page_Load(object sender, EventArgs e)
{
// 客户端级联选择事件注册
if (!Page.IsPostBack) {
// 方法1
//treeCity.Attributes["onclick"] = "OnTreeNodeChecked(event)";
// 方法2
// <asp:TreeView ID="treeCity" onclick="OnTreeNodeChecked(event)"
}
}
</script>--%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
1。父子节点CheckBox的级联选择
这个 251 已经实现了http://www.cnblogs.com/itrust/archive/2006/04/03/365439.aspx
2。多选与单选的切换简单实现
3。如何不让点击节点默认回发页面
方法1:
<asp:TreeNode Text="New Node" Value="New Node" NavigateUrl="javascript:void(0)" ></asp:TreeNode>
方法2:
<asp:TreeNode Text="New Node" Value="New Node" NavigateUrl="#"></asp:TreeNode>
方法2有个缺陷,就是会在页内跳转“锚”
4。客户端得到NodeValue
根据 lovenets2008 http://www.cnblogs.com/lovenets2008/archive/2007/03/16/677427.html 提示我作了Demo
感谢 251 和 lovenets2008 的无私奉献^_^
Demo:
<%@ Page Language="C#" AutoEventWireup="true" %>
<%--<script runat="server" type="text/C#">
void Page_Load(object sender, EventArgs e)
{
// 客户端级联选择事件注册
if (!Page.IsPostBack) {
// 方法1
//treeCity.Attributes["onclick"] = "OnTreeNodeChecked(event)";
// 方法2
// <asp:TreeView ID="treeCity" onclick="OnTreeNodeChecked(event)"
}
}
</script>--%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">