Simulate Treeview Root node click

Hi Experts,

I've found some good posts in EE on capturing some of the events but what i need to do is simulate the click on the root node of my treeview in javascript on the client. I'm hoping this is going to be simple and quick ! I've had a look around the treeview in firebug but can't see anything obvious, not to this beginner anyway ;-)

thanks
LVL 1
Steve JebsonDeveloperAsked:
Who is Participating?
 
Steve JebsonDeveloperAuthor Commented:
Hi pravinasar,

Apologies for delay, yes i am using the <asp:treeview> and i've been trying to code a .click() function in javascript to replicate. However it appears that there is no .click() method on an element once i've got hold of it e.g. ele = doc.getelementbyid('rootnoteid'); there is no method of .click() well not in my flavour.

What i have been ablt to ascertain is that i can replicate the click actions by coding...


__doPostBack('TreeView1','valuefromrootnode');

Open in new window

0
 
Pravin AsarPrincipal Systems EngineerCommented:
if root node has id assigned, you can get object handle by inquiry

 document.getElementById()

Once you have object, trigger click call


e.g

<html>
<head>
<script type="text/javascript">
function clickRoot()
  {
  document.getElementById('root').click()
  }
function alertMsg()
  {
  alert("Root  was clicked!")
  }
</script>
</head>
<body onload="clickRoot()">
<ul id="root" onclick="alertMsg();">Root
   <li>Section 1
     <ul>
        <li>Test Mode Procedures</li>
         <li>Diagnostic Procedures</li>
        <li>Other Procedures
          <ul>
             <li>Log Analysis</li>
             <li>Error Message Analysis</li>
             <li>Miscellaneous Procedures</li>
               <ul>
                  <li>Emergency Procedures</li>
                  <li>Power-Off Procedures</li>
                </ul>
          </ul>
        </li>
     </ul>
   </li>
   <li>Section 2
     <ul>
        <li>Functional Description
          <ul>
             <li>Power Distribution Function</li>
             <li>System Ready Function</li>
             <li>Emergency Stop Function</li>
          </ul>
        </li>
         <li>Tracking Function</li>
        <li>Other Functions</li>
     </ul>
   </li>  
</ul>
</body>
</html>
0
 
Pravin AsarPrincipal Systems EngineerCommented:
By the way , which Javascript /Treeview code you are using ?

Please post some more details.


0
 
Pravin AsarPrincipal Systems EngineerCommented:
0
 
Pravin AsarPrincipal Systems EngineerCommented:
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.