Cascade treeview checkboxes

Cascade treeview checkboxeshttp://forums.asp.net/t/1088627.aspx/1?Cascade+treeview+checkboxesThu, 09 Aug 2007 21:47:51 -040010886271626329http://forums.asp.net/p/1088627/1626329.aspx/1?Cascade+treeview+checkboxesCascade treeview checkboxes <p>I'm using microsoft.web.ui.webcontrols.dll.</p> <p>I'm using it for treeview. It very well allows me to populate my tree control on the server side. now i want to make its checbox selection cascading. mean if a parent node is checked to true all the checkboxes of its childnodes should be checked to true and vice versa in case of unchecked. the problem is when i say event.treeNodeIndex in javascript i get the node being clicked by</p> <p>tree.getTreeNode( event.treeNodeIndex ); </p> <p>But how can i check the checkbox within the node. </p> <p>when i see the source rendered for the treeview its just XML nodes. i can't see <input type="checkbox"/></p> <p>I want to acheive this using javascript.</p> <p>Please help. </p> 2007-03-19T10:42:55-04:001626346http://forums.asp.net/p/1088627/1626346.aspx/1?Re+Cascade+treeview+checkboxesRe: Cascade treeview checkboxes <p>I'm using ASP.NET 1.1 version. i'm populating it on load event of the page by getting data from SQL Server 2000.</p> <p>thanks. </p> 2007-03-19T10:55:23-04:001850810http://forums.asp.net/p/1088627/1850810.aspx/1?Re+Cascade+treeview+checkboxesRe: Cascade treeview checkboxes <p>HI Ismail,</p> <p> </p> <p>Though its late. check this it works fine with ASP.NET 1.1</p> <p>  function CheckSelect()<br>    {   //initialize tree<br>   var tree = GetTreeHandle();<br>   //get checked tree node<br>       var treenode = tree.getTreeNode(event.treeNodeIndex);<br>   //get index of the parent node whose child node is checked.<br>       var index=event.treeNodeIndex.charAt(0);<br>   //get "type" of the node .Type returns the name of the nodegroup given while loading the<br>  //control. In this exmple it is used as ("groups"  as parent nodes) and ("contacts" as child nodes)<br>   var type=treenode.getAttribute('type');<br>   //check whether it is Checked or Unchecked.It returns true or false.<br>   var sel=treenode.getAttribute('checked');<br>   var i;<br>      if (type=="groups")    <br>     {  //As the treenode checked is a parent, get the children of that node<br>    var objarr= treenode.getChildren();<br>   if (sel==true)<br>   {//if the parent node is checked then uncheck all child nodes<br>    <br>     for (i=0;i<objarr.length;i++)<br>     {<br>     objarr[i].setAttribute("checked",true);<br>     }<br>    }<br>   else<br>   {//if the parent node is unchecked then uncheck all child nodes<br>   <br>     for (i=0;i<objarr.length;i++)<br>     {<br>     objarr[i].setAttribute("checked",false);<br>     }<br>    }<br>   <br>     }<br>  //if type is not parent node but its a child node then.<br>  else<br>  { //get parent node of th child node which is Checked<br>   var parentnode=tree.getTreeNode(index);<br>   //get the children of the parent node<br>   var objarr= parentnode.getChildren();<br>   var truecheck,falsecheck;<br>   truecheck=1;<br>   falsecheck=1<br> ;  //check All the child nodes are checked or unchecked<br>   for (i=0;i<objarr.length;i++)<br>   {<br>    if (objarr[i].getAttribute("checked")==true)<br>    { <br>     falsecheck=0;<br>    }<br>    else<br>    {<br>     truecheck=0;<br>    }<br>   }<br>   if (truecheck==1)<br>   {//all child nodes are checked so check the parent too...<br>     parentnode.setAttribute("checked",true);<br>   }////  <br>   else<br>   {//none of the child nodes or any of th child node is unchecked<br>   //so uncheck the parent node<br>     parentnode.setAttribute("checked",false);<br>   }<br>  }<br>      <br>    }//end function</p> <p>function GetTreeHandle()<br>    {<br>        var tree;<br>        var treeName = 'treeview1';//"treeview1" is the id f the TREEVIEW CONTROL USED<br>       <br>        // Get a handle to the TreeView.<br>        tree = document.getElementById( treeName );<br>    <br>        if ( null == tree || undefined == tree )<br>            return null;<br>    <br>        return tree;<br>    }    </p> <p> </p> <p> </p> 2007-08-09T21:47:51-04:00