Foros

Inicio » Alloy UI » English

Vista combinada Visión Plana Vista de árbol
Discusiones [ Anterior | Siguiente ]
toggle
Siddharth Barsaniya
AUI TreeView Markup Not working.
6 de septiembre de 2012 2:01
Respuesta

Siddharth Barsaniya

Ranking: New Member

Mensajes: 13

Fecha de incorporación: 20 de febrero de 2012

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:

 1
 2<html>
 3<head>
 4
 5<script src="http://deploy.alloyui.com/build/aui/aui.js" type="text/javascript"></script>
 6<link rel="stylesheet" href="http://deploy.alloyui.com/build/aui-skin-classic/css/aui-skin-classic-all-min.css" type="text/css" media="screen" />
 7
 8</head>
 9<body>
10
11
12<button id="expandAll-2">Expand All</button>
13<button id="collapseAll-2">Collapse All</button>
14
15
16<h1>A.TreeView Simple Style</h1>
17<div id="tree2"></div>
18
19<h6>Markup Tree Example</h6>
20<div id="mainDiv">   
21<ul id="mytree">
22    <li>
23        <a href="#">Label</a>
24        <ul>
25           <li>
26               <span>I'm a tree leaf2level</span>
27            
28               <ul>
29                   <li>
30                       <span>I'm a tree leaf3level</span>
31                   </li>
32                </ul>
33           </li>
34            <li>
35               <span>I'm a tree leaf2level</span>
36             </li>
37        </ul>
38    </li>
39    <li>
40        <a href="#">label2</a>
41        <ul>
42            <li>
43                <span>I'm too</span>
44            </li>
45        </ul>
46    </li>
47</ul>
48</div>
49<script type="text/javascript">
50
51
52var A = new AUI();
53A.use('aui-tree-view','substitute','node',function(A){
54
55   
56    var tree3 = new A.TreeView({
57     width: 400,
58    srcNode: '#mainDiv', contentBox: '#mytree', boundingBox: '#mainDiv', type : 'normal'
59   
60 })
61 .render();
62    A.tree3 = tree3;
63   
64    A.on('click', function() { tree3.expandAll(); }, '#expandAll-2');
65    A.on('click', function() { tree3.collapseAll(); }, '#collapseAll-2');
66
67});
68</script>
69
70</body>
71</html>
Mayur Patel
RE: AUI TreeView Markup Not working.
8 de septiembre de 2012 8:00
Respuesta

Mayur Patel

Ranking: Expert

Mensajes: 357

Fecha de incorporación: 17 de noviembre de 2010

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.
Goran Mikulic
RE: AUI TreeView Markup Not working.
30 de octubre de 2012 6:07
Respuesta

Goran Mikulic

Ranking: New Member

Mensajes: 10

Fecha de incorporación: 6 de agosto de 2010

Mensajes recientes

Hi Sid,

did you have a solution for that now? I have the same problem with building TreeView from Markup.
Siddharth Barsaniya
RE: AUI TreeView Markup Not working.
21 de enero de 2013 2:08
Respuesta

Siddharth Barsaniya

Ranking: New Member

Mensajes: 13

Fecha de incorporación: 20 de febrero de 2012

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

Participate in the State of Liferay Community 2017. Help the community and even win some prizes!