jQuery Treeview.js get selected node
Hi, I am using treeview.js in my MVC web app and I am struggling to understand how in jquery or javascript I can get the selected value in a button click event.
Here is part of my mark up of the treeview:
- <div id="container" class="fLeft">
- <div id="demo1" style="" class="demo jstree jstree-0 jstree-focused jstree-default">
- <ul>
- <li onclick="FolderClicked(this)" id="D:\" class="jstree-closed"><ins class="jstree-icon"> </ins><a href="#"><ins class="jstree-icon"> </ins><span>D:\</span></a><ul>
- <li onclick="FolderClicked(this)" id="D:\63db82a6179d70b5aaa7571b" class="jstree-leaf"><ins class="jstree-icon"> </ins><a href="#"><ins class="jstree-icon"> </ins><span>63db82a6179d70b5aaa7571b</span></a></li>
- <li onclick="FolderClicked(this)" id="D:\75985db7de4f48c3c8c657326c35" class="jstree-leaf"><ins class="jstree-icon"> </ins><a href="#"><ins class="jstree-icon"> </ins><span>75985db7de4f48c3c8c657326c35</span></a></li>
- <li onclick="FolderClicked(this)" id="D:\Backup" class="jstree-leaf"><ins class="jstree-icon"> </ins><a href="#"><ins class="jstree-icon"> </ins><span>Backup</span></a></li>
- <li onclick="FolderClicked(this)" id="D:\Dave Johnson" class="jstree-leaf"><ins class="jstree-icon"> </ins><a href="#"><ins class="jstree-icon"> </ins><span>Dave</span></a></li>
- <li onclick="FolderClicked(this)" id="D:\Maria Fisher" class="jstree-leaf"><ins class="jstree-icon"> </ins><a href="#"><ins class="jstree-icon"> </ins><span>Mar</span></a></li>
- <li onclick="FolderClicked(this)" id="D:\Media" class="jstree-leaf"><ins class="jstree-icon"> </ins><a href="#"><ins class="jstree-icon"> </ins><span>Media</span></a></li>
- <li onclick="FolderClicked(this)" id="D:\System Volume Information" class="jstree-leaf"><ins class="jstree-icon"> </ins><a href="#"><ins class="jstree-icon"> </ins><span>System Volume Information</span></a></li>
- <li onclick="FolderClicked(this)" id="D:\VProRecovery" class="jstree-last jstree-leaf"><ins class="jstree-icon"> </ins><a href="#"><ins class="jstree-icon"> </ins><span>VProRecovery</span></a></li>
- </ul>
- </li>
- <li onclick="FolderClicked(this)" id="E:\" class="jstree-last jstree-closed"><ins class="jstree-icon"> </ins><a href="#"><ins class="jstree-icon"> </ins><span>E:\</span></a>
- <ul>
- <li onclick="FolderClicked(this)" id="E:\Boot" class="jstree-leaf"><ins class="jstree-icon"> </ins><a href="#"><ins class="jstree-icon"> </ins><span>Boot</span></a></li>
- <li onclick="FolderClicked(this)" id="E:\System Volume Information" class="jstree-last jstree-leaf"><ins class="jstree-icon"> </ins><a href="#"><ins class="jstree-icon"> </ins><span>System Volume Information</span></a></li>
- </ul>
- </li>
- </ul>
- </div>
- </div>
As I said earlier when the user clicks a button I want to get the selected node of the treeview can anyone please tell me how to do this?
Thanks, Dave.