Foros de discusión
AUI TreeView Markup Not working.
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:
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>
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
Hey Sid,
Can you see below example, It has working demo of Treeview,
http://www.liferay.com/community/liferay-projects/alloy-ui/demo?title=community-liferay-projects-alloy-ui-demos-treeview
Thanks.
Can you see below example, It has working demo of Treeview,
http://www.liferay.com/community/liferay-projects/alloy-ui/demo?title=community-liferay-projects-alloy-ui-demos-treeview
Thanks.
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.
did you have a solution for that now? I have the same problem with building TreeView from Markup.
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
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