TreeView节点 (前台JS 设置 Postback 触发TreeNodeCheckChanged 事件)
来源:互联网 发布:装饰网络推广 编辑:程序博客网 时间:2024/06/05 00:27
大家会在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:
<script>
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 );
}
}
}
- TreeView节点 (前台JS 设置 Postback 触发TreeNodeCheckChanged 事件)
- TreeView 触发 TreeNodeCheckChanged事件
- Treeview的TreeNodeCheckChanged事件激发
- 如何让TreeView的TreeNodeCheckChanged事件自动回发到服务器端
- 如何让TreeView的TreeNodeCheckChanged事件自动回发到服务器端
- 如何让TreeView的TreeNodeCheckChanged事件自动回发到服务器端
- 如何让TreeView的TreeNodeCheckChanged事件自动回发到服务器端
- TreeView 控件 TreeNodeCheckChanged事件无法自动回发
- JS触发a节点的点击事件
- 前台遍历TreeView所有节点
- TextBox JS前台赋值触发Onchange事件,屏蔽键盘操作
- ASP.NET 2.0 的TreeView控件点击节点触发事件的方法
- TreeView控件中选中节点前的checkBox仍然会触发NodeMouseClick事件
- C#WINDOW VS2015 c#TreeView 之后点击树中的任何一个节点,触发事件问题
- 获取触发postback事件的控件的名称
- TreeView监控节点双击事件
- JS 触发事件 JavaScript触发
- js中子节点和父节点有相同的事件,怎么只触发子节点的事件 stopPropagation() 方法
- 【无限互联】iOS开发视频教程— 2.6 iPhone开发之if条件和for循环语句
- HTML 学习连接
- Mono for Android 安装配置方法 附破解版
- rhel 安装5.5yum包 并安装mplayer (第二版)
- 用户自动登录的jsp实现
- TreeView节点 (前台JS 设置 Postback 触发TreeNodeCheckChanged 事件)
- 如果不是异地
- 生成release版本的Android系统
- java数值计算
- hdu 3473 Minimum Sum(划分树应用)
- 常用正则表达式
- C++开源跨平台类库集
- linux学习笔记 02_常用命令
- 【无限互联】iOS开发视频教程— 2.7 iPhone开发之while、break和continue