Visual studio2005 通过JS操作TreeView控件

最新推荐文章于 2025-11-24 03:12:01 发布

原创最新推荐文章于 2025-11-24 03:12:01 发布 · 720 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#function #javascript #null #table #input #div

Visual Studio Web编程专栏收录该内容

1 篇文章

订阅专栏

本文详细介绍了 ASP.NET 中 TreeView 控件的使用方法，特别是如何通过 JavaScript 实现 TreeView 控件中复选框的功能，包括选择所有子项、设置父级复选框的状态等。

<script  language="javascript">

 function GoClick()

 {

   

   var obj = event.srcElement;

   if(obj.tagName.toUpperCase() != "INPUT") return;

   var tb = obj.parentElement.parentElement.parentElement.parentElement;//当前节点的Table

 

   SelAllChildren(tb,obj.checked);

 

  tb=  tb.parentElement;//

  

   while(true)

   {

      tb = tb.previousSibling

     if( tb == null) return;

      SetParentCheckBoxStatus(tb);

      tb=  tb.parentElement

      if( tb == null) return;

   }

   

 }

 

 

 function SelAllChildren(tb,checked)

 {

    var div = tb.nextSibling;

   try

   {

    for(var i=0;i<div.children.length;i++)

    {

      

        if(div.children[i].tagName.toUpperCase()!="TABLE")continue;

        var chkBox= FindRowCheckBox(div.children[i].rows[0]);

        if(chkBox == null) continue;

        chkBox.checked = checked;

       

        SelAllChildren(div.children[i],checked);

       

    }

    }catch(e){}

 }

 function SetParentCheckBoxStatus(objTb)

 {

    var div = objTb.nextSibling;

    

    var bSelAll = true;

    var bSelOne = false;

    for(var i=0;i<div.children.length;i++)

    {

       

        if(div.children[i].tagName.toUpperCase()!="TABLE")continue;

       

        var chkBox= FindRowCheckBox(div.children[i].rows[0]);

       

        if(!chkBox.checked)

        {

            bSelAll =false;

        }else

        {

            bSelOne = true;

        }

    }

   

   

    if(objTb.rows!= null)

    {

        var chkBox = FindRowCheckBox(objTb.rows[0])

        chkBox.checked  = bSelOne;

       

    }

 }

 

 function FindRowCheckBox(tr)

 {

    for(var i=0;i<tr.cells.length;i++)

    {

        if(tr.cells[i].firstChild.tagName == "INPUT")

        {

            return tr.cells[i].firstChild;

        }

    }

 }

 

 

 function CheckDeleteTree(form,treeviewid)

{

    if(document.getElementById(treeviewid+"_SelectedNode").value == "")

    {

        alert("请选择!");

        return

    }else

    {

        return confirm("确定?");

    }



}

</script>



<asp:TreeView ID="TreeView1" runat="server" ShowCheckBoxes="All" ShowLines="True" onclick="javascript:GoClick()">

 </asp:TreeView>