Forums

Home » Liferay Portal » English » 3. Development

Combination View Flat View Tree View
Threads [ Previous | Next ]
Gurumurthy Godlaveeti
How to create the Alloy UI Treeview dynamically
December 17, 2012 10:21 PM
Answer

Gurumurthy Godlaveeti

Rank: Regular Member

Posts: 143

Join Date: August 11, 2011

Recent Posts

Hello All ,

I want to show the tree view in my application . So as per the application , the following is the code which provided by Alloy UI Javascript code .
 1
 2var tree1 = new A.TreeViewDD(
 3            {
 4                boundingBox: '#tree1',
 5                children: children,
 6                height: 280,
 7                io: {
 8                    cache: false,
 9                    url: 'http://liferay.com/alloy-demos/tree-view/content.html',
10                },
11                type: '', /* type: 'file', */
12                width: 300
13            }
14        )
15        .render();


So here one of the parameter is "Children" but this Children is having the hard coded values in the example as like below .

 1
 2var children = [
 3            {
 4                children: [
 5                    {
 6                        checked: true,
 7                        checkName: 'customSelectName',
 8                        io: '/c/document_library/get_file?uuid=1737d9e2-e7c4-4f46-a77c-4aa8937c2d8e&groupId=14',
 9                        label: 'TaskNodeRoot',
10                        leaf: false,
11                        type: 'task'
12                    },
13                    {
14                        alwaysShowHitArea: false,
15                        checkName: 'customSelectName',
16                        label: 'CheckboxNode',
17                        leaf: false,
18                        type: 'check'
19                    },
20                    {
21                        cache: true,
22                        io: 'http://liferay.com/alloy-demos/tree-view/content.html',
23                        label: 'CachedTreeNodeIO',
24                        type: 'io'
25                    },
26                    {
27                        children: [
28                            {
29                                label: 'Folder1-1',
30                                id: 'folder1-1',
31                                leaf: false,
32                                expanded: false,
33                                children: [
34                                    fileRoot1,
35                                    {
36                                        label: 'File1'
37                                    },
38                                    {
39                                        label: 'File2'
40                                    },
41                                    {
42                                        label: 'From JSON',
43                                        id: 'fromJSON'
44                                    }
45                                ]
46                            },
47                            {
48                                label: 'File1 - with id',
49                                id: 'file1'
50                            },
51                            {
52                                label: 'File2'
53                            },
54                            {
55                                label: 'File3'
56                            }
57                        ],
58                        expanded: true,
59                        id: 'folder1',
60                        label: 'Folder1',
61                    },
62                ],
63                draggable: false,
64                expanded: true,
65                id: 'root1',
66                label: 'ROOT'
67            }
68        ];


How to create the Children dynamically ? If any body have example about it then please share it .