Forums

Hi team

i m trying to implement the tree view in my application.

i have gone thru the getting started example.To some extent i got what i need to do later on i could not get could some one please tell me how to proceed further from where i m stuck.

here the steps what i did .
1 .copied all the css and js links
2. given the reqiured class name to the body tag
3. wrote the following function
<script....
var tree;
function treeInit() {
tree = new YAHOO.widget.TreeView("treeDiv1");
}
</script>
4.i have created a div as follows.
<div id="treeDiv1">
<ul>
<li class="expanded">List 0
<ul>
<li class="expanded">List 0-0
<ul>
<li>item 0-0-0</li>
<li><a target="_new" href="www.elsewhere.com" title="go elsewhere">elsewhere</a></li>
</ul>
</li>
</ul>
</li>
<li>List 1
<ul>
<li>List 1-0
<ul>
<li yuiConfig='{"type":"DateNode","editable":true}'>02/01/2009</li>
<li><span>item <strong>1-1-0</strong></span></li>
</ul>
</li>
</ul>
</li>
</ul>
</div>

5.from here on words i did not get how to proceed on.

so started experimenting in different ways by including the below mentioned script at the end and tried but still i culd not get how does it works

var tree;
function treeInit() {
tree = new YAHOO.widget.TreeView("treeDiv1");
var root = tree.getRoot();
var tmpNode = new YAHOO.widget.TextNode({
label: "mylabel1",
expanded: false
}, root);
var tmpNode2 = new YAHOO.widget.TextNode({
label: "mylabel1-1",
expanded: false
}, tmpNode);

tree.render();
}

Please help me out .

i have an Unordered list and i need to create the tree structure view for it . please tell me how to do.

Thanks & regards
sai krishna