1c3266d07abd4d2505cc0ac4564fbc9f864fa983
[codereview/qtwebservice.git] / examples / webservice / official / root / examples / recursive.qml
1 /* Copyright (c) 2012 QtWebService Project.
2  * All rights reserved.
3  *
4  * Redistribution and use in source and binary forms, with or without
5  * modification, are permitted provided that the following conditions are met:
6  *     * Redistributions of source code must retain the above copyright
7  *       notice, this list of conditions and the following disclaimer.
8  *     * Redistributions in binary form must reproduce the above copyright
9  *       notice, this list of conditions and the following disclaimer in the
10  *       documentation and/or other materials provided with the distribution.
11  *     * Neither the name of the QtWebService nor the
12  *       names of its contributors may be used to endorse or promote products
13  *       derived from this software without specific prior written permission.
14  *
15  * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND
16  * ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED
17  * WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
18  * DISCLAIMED. IN NO EVENT SHALL QTWEBSERVICE BE LIABLE FOR ANY
19  * DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES
20  * (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES;
21  * LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND
22  * ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
23  * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS
24  * SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
25  */
26
27 import QtQml 2.0
28 import QtWebService.HTML 5.0
29 import QtWebService.Utils 1.0
30
31 Html {
32     Head {
33         Title { id: title; text: "recursive" }
34     }
35
36     Component {
37         id: delegate
38         Ul {
39             property alias model: repeater.model
40             Repeater {
41                 id: repeater
42                 Component {
43                     Li {
44                         Text { text: model.name }
45                         Recursive {
46                             target: delegate
47                             child: model.children
48                         }
49                     }
50                 }
51             }
52         }
53     }
54
55     Body {
56         H1 { text: title.text }
57
58         Recursive {
59             target: delegate
60             child: [
61                 {
62                     'name': 'parent'
63                     , 'children': [
64                         {
65                             'name': 'child1'
66                             , 'children': [
67                                 {
68                                     'name': 'grandchildren1'
69                                 }, {
70                                     'name': 'grandchildren2'
71                                 }
72                             ]
73                         } , {
74                             'name': 'child2'
75                         }
76                     ]
77                 }
78             ]
79         }
80     }
81 }