解决TreeView中使用JavaScript完成CheckBox全选的办法

22 篇文章 0 订阅

 总结这次的工作,明白了几个关键的地方:
1.JavaScript中的确可以直接引用.Net服务器端控件,但是问题在于,控件的ID在编译后会自动加上名字空间,所以这里要特别注意。
2.使用JavaScript可以使对TreeView的操作不需要再PostBack,十分方便有效。
3.空间状态的显示和实际存储是有区别的,一定要十分注意。
需要在C#文件中加入:

TreeView.Attributes.Add( " oncheck " " tree_oncheck() " );


主要的JavaScript代码如下:

< script language = " javascript " >
<!--

function  tree_oncheck()
{
    
var  node  =  TreeView.getTreeNode(event.treeNodeIndex);
    
var  Pchecked  =  node.getAttribute( " checked " );
    setcheck(node, Pchecked);
    TreeView.queueEvent('oncheck', node.getNodeIndex());
}

function  setcheck(node, Pc)
{
    
var  ChildNode  =   new  Array();
    ChildNode 
=  node.getChildren();
    
if  (parseInt(ChildNode.length)  !=   0 )
    {
        
for  ( var  i  =   0 ; i  <  ChildNode.length; i ++ )
        {
            
var  cNode  =  ChildNode[i];
            
if  (cNode.getAttribute( " checked " !=  Pc)
            {
                
if  (parseInt(cNode.getChildren().length)  !=   0 )
                    setcheck(cNode, Pc);
                cNode.setAttribute(
" checked " , Pc);
                TreeView.queueEvent('oncheck', cNode.getNodeIndex());
            }
        }
    }
}

// -->
</ script >


整个功能的实现需要修改微软treeview控件的一个Bug 
需要修改inetpub/wwwroot/webctrl_client/1_0/treeview.htc。
把function doCheckboxClick(el)中的第一行,
el.checked = !el.checked;
改成:
el.checked = !el.getAttribute("checked");

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值