您的位置:首页 > 其它

vs2005treeview的复选框问题

2007-12-13 09:46 211 查看
用TreeView来管理一些分级数据,并能允许同时选中多个节点,因此需要用到TreeView的ShowCheckBox属性,当我用到的时候才发现,在选中复选框时并不会引起回发事件,这时我就犯愁了,该怎么办呢,从网上查了好多资料,发现有不少是用javascript来实现的TreeView的父子节点级联状态的,但是这些方法都不太适合VS2005的TreeView,于是我继续查阅,发现了一个比较适合VS2005的方法,下面这段话就是从一篇文章(作者是veryhappy(wx.net))里摘录过来的:
[align=left]【大家会在ASP.NET 2.0使用TreeView控件时发现带有CheckBox控件的TreeNode对象(TreeView节点),选择CheckBox无法回发页面。在MSDN中对于TreeView.TreeNodeCheckChanged事件有一段备注:“当 TreeView 控件的复选框在两次向服务器发送之间更改状态时,会引发 TreeNodeCheckChanged 事件。这使您可以提供一个这样的事件处理方法,即每次发生此事件时执行一个自定义例程(如更新数据库或显示的内容)。尽管 TreeNodeCheckChanged 事件在回发时激发,但更改[b]复选框不会导致回发。[/b]”说明框架本身并不能提供一个CheckBox回发的机制,为了实现集联的选择,笔者实现了一种使用JavaScript去回发的方法,变相的解决了这个问题,尽管这样的方法看上去很不美,但是一定程度上能解决我们的实际问题。[/align]
[align=left] [/align]
[align=left]大致思路,TreeNode对象输出的是一个附和的HTML对象(包括TD,A,InputCheckBox……),本身没有办法增加客户端脚本,所以为TreeView控件客户端的onclick事件中加入脚本,脚本目的:对于引发事件的对象都做判断,如果是InputCheckBox对象导致的事件,则直接调用__doPostBack来回发页面。】[/align]
[align=left] [/align]
[align=left]下面就是代码,我做一些扩展,可以实现点击某一个复选框时,设置它的父节点的状态(如果它的父节点的所有子节点都没选中,那么父节点被设置为不选中,否则设置为选中),设置它的所有子节点的状态为它现在的选中状态[/align]
[align=left] [/align]
.aspx文件中加一段JavaScript:

[align=left]<script type="text/javascript">[/align]
[align=left]// 点击复选框时触发事件[/align]
[align=left]function postBackByObject()[/align]
[align=left] [/align]
[align=left]{[/align]
[align=left] var o = window.event.srcElement;[/align]
[align=left] if (o.tagName == "INPUT" && o.type == "checkbox")[/align]
[align=left] {[/align]
[align=left] __doPostBack("","");[/align]
[align=left] } [/align]
[align=left]}[/align]
[align=left]</script> [/align]
[align=left] [/align]
.cs文件

[align=left]#region级联父子节点的复选框状态[/align]
[align=left] ///<summary>[/align]
[align=left] ///节点选中状态更改[/align]
[align=left] ///</summary>[/align]
[align=left] ///<param name="sender"></param>[/align]
[align=left] ///<param name="e"></param>[/align]
[align=left] protected void TreeNodeCheckChanged ( object sender, TreeNodeEventArgs e )[/align]
[align=left] {[/align]
[align=left] SetChildChecked ( e.Node );[/align]
[align=left] // 判断是否是根节点[/align]
[align=left] if ( !e.Node.Value.Equals ( "0" ) )[/align]
[align=left] {[/align]
[align=left] SetParentChecked ( e.Node );[/align]
[align=left] }[/align]
[align=left] }[/align]
[align=left] [/align]
[align=left] ///<summary>[/align]
[align=left] ///根据父节点状态设置子节点的状态[/align]
[align=left] ///</summary>[/align]
[align=left] ///<param name="parentNode"></param>[/align]
[align=left] private void SetChildChecked ( TreeNode parentNode )[/align]
[align=left] {[/align]
[align=left] foreach ( TreeNode node in parentNode.ChildNodes )[/align]
[align=left] {[/align]
[align=left] node.Checked = parentNode.Checked;[/align]
[align=left] [/align]
[align=left] if ( node.ChildNodes.Count > 0 )[/align]
[align=left] {[/align]
[align=left] SetChildChecked ( node );[/align]
[align=left] }[/align]
[align=left] }[/align]
[align=left] }[/align]
[align=left] [/align]
[align=left] ///<summary>[/align]
[align=left] ///根据子节点状态设置父节点的状态[/align]
[align=left] ///</summary>[/align]
[align=left] ///<param name="childNode"></param>[/align]
[align=left] private void SetParentChecked ( TreeNode childNode )[/align]
[align=left] {[/align]
[align=left] TreeNode parentNode = childNode.Parent;[/align]
[align=left] if ( !parentNode.Checked && childNode.Checked )[/align]
[align=left] {[/align]
[align=left] parentNode.Checked=true;[/align]
[align=left] }[/align]
[align=left] else if(parentNode.Checked && !childNode.Checked)[/align]
[align=left] {[/align]
[align=left] int checks = 0;[/align]
[align=left] foreach ( TreeNode node in parentNode.ChildNodes )[/align]
[align=left] {[/align]
[align=left] if ( node.Checked )[/align]
[align=left] {[/align]
[align=left] checks++;[/align]
[align=left] break;[/align]
[align=left] }[/align]
[align=left] }[/align]
[align=left] [/align]
[align=left] if ( checks == 0 )[/align]
[align=left] {[/align]
[align=left] parentNode.Checked = false;[/align]
[align=left] if ( !parentNode.Value.Equals ( "0" ) )[/align]
[align=left] {[/align]
[align=left] SetParentChecked ( parentNode );[/align]
[align=left] }[/align]
[align=left] }[/align]
[align=left] }[/align]
[align=left] }[/align]
[align=left] [/align]
#endregion
希望对大家有用,
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: