aboutsummaryrefslogtreecommitdiff
path: root/js/components/ui/tree-basic/tree.reel/tree.html
blob: 1144b563ed1e028c95a71046c4e36fcabdb02ca5 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
<!DOCTYPE HTML>
<!-- <copyright>
 This file contains proprietary software owned by Motorola Mobility, Inc.<br/>
 No rights, expressed or implied, whatsoever to this software are provided by Motorola Mobility, Inc. hereunder.<br/>
 (c) Copyright 2011 Motorola Mobility, Inc.  All Rights Reserved.
 </copyright> -->
<html>
<head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    <link rel="stylesheet" type="text/css" href="tree.css">
    <script type="text/montage-serialization">
    {
        "treeItem": {
            "prototype" : "js/components/ui/tree-basic/treeItem.reel",
            "properties": {
                "element": {"#": "treeItem"}
            },
            "bindings": {
                "treeItemData": {
                    "boundObject": {"@": "repetition1"},
                    "boundObjectPropertyPath": "objectAtCurrentIteration",
                    "oneway": true
                },
                "showIcon": {
                    "boundObject": {"@": "owner"},
                    "boundObjectPropertyPath": "showIcons",
                    "oneway": true
                },
                "expandAfterDraw": {
                    "boundObject": {"@": "owner"},
                    "boundObjectPropertyPath": "expandTreeAfterDraw",
                    "oneway": true
                },
                "highlightedUri": {
                    "boundObject": {"@": "owner"},
                    "boundObjectPropertyPath": "highlightedUri",
                    "oneway": true
                }
            }
        },

        "repetition1" : {
            "prototype": "montage/ui/repetition.reel",
            "properties": {
                "element": {"#": "treeView"}
            },
            "bindings": {
                "objects": {
                    "boundObject": {"@": "owner"},
                    "boundObjectPropertyPath": "treeViewDataObject",
                    "oneway": true
                }
            }
        },

        "owner":{
            "prototype": "js/components/ui/tree-basic/tree.reel",
            "properties" : {
                "element": {"#": "atree"},
                "components": [{"@": "repetition1"}]
            }
        }

    }
    </script>
</head>
<body>
<div data-montage-id="atree" class="atree">
    <ul data-montage-id="treeView" style="display:block;">
        <li data-montage-id="treeItem"></li>
    </ul>
</div>
</body>
</html>