Foros de discusión

AUI TreeView Markup Not working.

thumbnail
Sid Sket, modificado hace 11 años.

AUI TreeView Markup Not working.

New Member Mensajes: 11 Fecha de incorporación: 20/02/12 Mensajes recientes
Hi,
I am using the aui-treeview module as explained in this link: http://deploy.alloyui.com/demos/tree-view/markup.html.
But i found that even in this example the tree structure is not working. When i click on ">Folder" field nothing happens, i.e tree is not expanding.

Please share some inputs on this. Are there any attributes which can be configured to make this working?.

Here is my code:





<script src="http://deploy.alloyui.com/build/aui/aui.js" type="text/javascript"></script>
<link rel="stylesheet" href="http://deploy.alloyui.com/build/aui-skin-classic/css/aui-skin-classic-all-min.css" type="text/css" media="screen">





<button id="expandAll-2">Expand All</button>
<button id="collapseAll-2">Collapse All</button>


<h1>A.TreeView Simple Style</h1>
<div id="tree2"></div>

<h6>Markup Tree Example</h6>
<div id="mainDiv">	
<ul id="mytree">
    <li>
        <a href="#">Label</a>
        <ul>
           <li>
               <span>I'm a tree leaf2level</span>
			 
			   <ul>
				   <li>
					   <span>I'm a tree leaf3level</span>
				   </li>
				</ul>
           </li>
		    <li>
               <span>I'm a tree leaf2level</span>
			 </li>
        </ul>
    </li>
    <li>
        <a href="#">label2</a>
        <ul>
            <li>
                <span>I'm too</span>
            </li>
        </ul>
    </li>
</ul>
</div>
<script type="text/javascript">


var A = new AUI();
A.use('aui-tree-view','substitute','node',function(A){

	
	var tree3 = new A.TreeView({
     width: 400,
	srcNode: '#mainDiv', contentBox: '#mytree', boundingBox: '#mainDiv', type : 'normal'
    
 })
 .render();
	A.tree3 = tree3;
	
	A.on('click', function() { tree3.expandAll(); }, '#expandAll-2');
	A.on('click', function() { tree3.collapseAll(); }, '#collapseAll-2');

});
</script>



thumbnail
Mayur Patel, modificado hace 11 años.

RE: AUI TreeView Markup Not working.

Expert Mensajes: 358 Fecha de incorporación: 17/11/10 Mensajes recientes
thumbnail
Goran Mikulic, modificado hace 11 años.

RE: AUI TreeView Markup Not working.

New Member Mensajes: 10 Fecha de incorporación: 6/08/10 Mensajes recientes
Hi Sid,

did you have a solution for that now? I have the same problem with building TreeView from Markup.
thumbnail
Sid Sket, modificado hace 11 años.

RE: AUI TreeView Markup Not working.

New Member Mensajes: 11 Fecha de incorporación: 20/02/12 Mensajes recientes
Hi Goran,
Please download the latest alloyui commit from github AlloyUi Latest Commit , and place your code in the folder "alloy-ui/demos/tree-view/yourfile.html". I hope this works for you as it did for me. I don't know what's the actual problem with online repository. But doing this way helped me resolving the issue.

Thank You.
Sid