PageRenderTime 30ms CodeModel.GetById 22ms app.highlight 6ms RepoModel.GetById 1ms app.codeStats 0ms

/ext-4.1.0_b3/examples/tree/check-tree.html

https://bitbucket.org/srogerf/javascript
HTML | 35 lines | 29 code | 5 blank | 1 comment | 0 complexity | c5c1eead12631b8dd60dbf50d62dc42a MD5 | raw file
 1<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
 2<html>
 3<head>
 4<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
 5    <title>Tree Example</title>
 6    <link rel="stylesheet" type="text/css" href="../../resources/css/ext-all.css" />
 7    <link rel="stylesheet" type="text/css" href="../shared/example.css" />
 8
 9    <!-- GC -->
10
11
12    <script type="text/javascript" src="../../ext-all.js"></script>
13    <script type="text/javascript" src="check-tree.js"></script>
14
15    <style>
16        .x-tree-checked .x-grid-cell-inner {
17            font-style: italic;
18            color: #777;
19        }
20        .x-grid-row-selected .x-grid-cell {
21            background-color: #efefef !important;
22        }
23    </style>
24</head>
25<body>
26    <h1>Checkbox Selection in a TreePanel</h1>
27    <p>This example shows simple checkbox selection in a tree. It is enabled on leaf nodes by simply
28    setting <tt>checked:true/false</tt> at the node level.</p>
29    <p>This example also shows loading an entire tree structure statically in one load call, rather than
30    loading each node asynchronously.</p>
31    <p>The js is not minified so it is readable. See <a href="check-tree.js">check-tree.js</a>.</p>
32
33    <div id="tree-div"></div>
34</body>
35</html>