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]
[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
希望对大家有用,
[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
希望对大家有用,
相关文章推荐
- vs2005 TreeView 实现父子节点,复选框联动.
- 学习 TTreeView [16] - 给 TTreeView 添加复选框 (回复 "丁永其" 的问题)
- 关于bootstrap的treeview不显示多选(复选框)的问题,以及联动选择的问题,外加多选后取值
- [好像超级难的问题] 在VS2005 RC版里,怎么用javascript操作TreeView?
- 关于C# winform treeview 的两个问题(点击空白处的时间响应和复选框选择问题)
- VS2005发布网站时生成的DLL名称问题
- VS2005无法创建智能设备项目的问题
- VS2005编译DXSDK要注意的问题
- 解决装了VS2005再装IIS,结果出了些问题的方法
- 在windows7的VS2005下windows media player 控件的使用问题
- 玩c#学vs2005问题
- 终于发现vs2005 find in files 提示 No files were found to look in 的问题了
- 解决vs2005,ASP.NET2.0自定义命名空间问题!
- 奇怪的VS2005断点失效问题
- 问题:VS2005和VS2008开发环境,安装IE8以后,无法创建 VC++ Smart Device Project?
- 解决VS2005不能单步执行的问题
- VS2005 VC++ 代码优化问题
- VS2005不能远程调试智能设备程序的问题
- 关于vs2005入门.net2.0系列视频教程问题征集