ASP.NET 2.0中集联选择TreeView节点

作者：veryhappy(wx.net)

大家会在ASP.NET 2.0使用TreeView控件时发现带有CheckBox控件的TreeNode对象（TreeView节点），选择CheckBox无法回发页面。在MSDN中对于TreeView.TreeNodeCheckChanged事件有一段备注：“当 TreeView 控件的复选框在两次向服务器发送之间更改状态时，会引发 TreeNodeCheckChanged 事件。这使您可以提供一个这样的事件处理方法，即每次发生此事件时执行一个自定义例程（如更新数据库或显示的内容）。尽管 TreeNodeCheckChanged 事件在回发时激发，但更改复选框不会导致回发。”说明框架本身并不能提供一个CheckBox回发的机制，为了实现集联的选择，笔者实现了一种使用JavaScript去回发的方法，变相的解决了这个问题，尽管这样的方法看上去很不美，但是一定程度上能解决我们的实际问题。

大致思路，TreeNode对象输出的是一个附和的HTML对象（包括TD，A，InputCheckBox……），本身没有办法增加客户端脚本，所以为TreeView控件客户端的onclick事件中加入脚本，脚本目的：对于引发事件的对象都做判断，如果是InputCheckBox对象导致的事件，则直接调用__doPostBack来回发页面。至于后台代码就思路就简单了，递归选择相关节点，设置其Checked属性就好了。

下面的实例实现了，集联选择当前选中节点的所有子节点功能。

代码部分：

文件TreeView.aspx

JavaScript：

function postBackByObject()

{

var o = window.event.srcElement;

if (o.tagName == "INPUT" && o.type == "checkbox")

{

__doPostBack("","");

}

</script>

Cs：

protected void Page_Load(object sender, EventArgs e)

{

TreeView1.Attributes.Add( "onclick", " postBackByObject()" );

}

protected void TreeView1_TreeNodeCheckChanged ( object sender, TreeNodeEventArgs e )

{

SetChildChecked ( e.Node );

}

private void SetChildChecked ( TreeNode p_Node )

{

foreach ( TreeNode _n in p_Node.ChildNodes )

{

_n.Checked = p_Node.Checked;

if ( _n.ChildNodes.Count > 0 )

{

SetChildChecked( _n );

}

希望还有更好的方法来解决，尤其是不用回发页面的方式。

Trackback: http://tb.blog.csdn.net/TrackBack.aspx?PostId=754627

[ 收藏到我的网摘] [ 发送Trackback] veryhappy(wx.net)发表于 2006年05月25日 13:56:00

特别推荐：

想在这里投放广告？点击查看详情

上一篇: 为ASP.NET 2.0网站生成唯一程序集 | 下一篇: 再论ASP.NET下的多文件上传

veryhappy(wx.net) 发表于2006-06-22 09:18:00 IP: 221.222.202.*

好……

leo 发表于2006-06-22 08:42:00 IP: 218.4.73.*

在楼主的指点下，对方法作了一下改进
/// <summary>
/// 递归选定父节点
/// </summary>
/// <param name="selectedNode"></param>
private void SetParentChecked(TreeNode selectedNode)
{
if (selectedNode.Parent != null)
{
if (selectedNode.Checked)
{
selectedNode.Parent.Checked = selectedNode.Checked;
SetParentChecked(selectedNode.Parent);
}
else
{
if (!this.IsExistNodeCheck(selectedNode))
{
selectedNode.Parent.Checked = selectedNode.Checked;
SetParentChecked(selectedNode.Parent);
}
}
}

}

private bool IsExistNodeCheck(TreeNode selectedNode)
{
bool IsExistNodeCheck = false;
int intCheck = 0;
foreach (TreeNode treeNode in selectedNode.Parent.ChildNodes)
{
if (treeNode.Checked)
{ intCheck += 1; }
if (intCheck > 0)
{
IsExistNodeCheck = true;
break;
}
}
return IsExistNodeCheck;
}
不过如何做到不刷新正在尝试中。。。

leo 发表于2006-06-27 09:19:00 IP: 218.107.249.*

在网上看了一篇文章，我试着修改下，实现了不刷新，并且达到我要的逻辑
<script language ="javascript" type="text/javascript">
function OnTreeNodeChecked()
{
var element = window.event.srcElement;
if (!IsCheckBox(element))
return;

var isChecked = element.checked;
var tree = TV2_GetTreeById("TreeView1");
var node = TV2_GetNode(tree,element);

TV2_SetChildNodesCheckStatus(node,isChecked);

var parent = TV2_GetParentNode(tree,node);
TV2_NodeOnChildNodeCheckedChanged(tree,parent,isChecked);

}
</script>

//set child nodes checkbox status
function TV2_SetChildNodesCheckStatus(node,isChecked)
{
var childNodes = TV2i_GetChildNodesDiv(node);
if(childNodes == null)
return;

var inputs = WebForm_GetElementsByTagName(childNodes,"INPUT");
if(inputs == null || inputs.length == 0)
return;

for(var i = 0; i < inputs.length; i++)
{
if(IsCheckBox(inputs[i]))
inputs[i].checked = isChecked;
}
}

//change parent node checkbox status after child node changed
function TV2_NodeOnChildNodeCheckedChanged(tree,node,isChecked)
{
if(node == null)
return;

var childNodes = TV2_GetChildNodes(tr

ASP.NET 2.0中集联选择TreeView节点

评论

你可能感兴趣的:(treeview)