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: 340

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: 9

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