summaryrefslogtreecommitdiff
path: root/includes/js/dojox/dtl/demos/demo_Tree.html
blob: 692d86394b67792ba2ea73f00a6750a7aa5d1b8f (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
<html>
	<head>
			<title>Demo to show recursion in DTL</title>
			<script type="text/javascript" src="../../../dojo/dojo.js"
				djConfig="isDebug: true, parseOnLoad: true"></script>
			<script type="text/javascript" src="../../../dijit/dijit.js"></script>
			<script type="text/javascript">
					dojo.require("dojox.dtl._HtmlTemplated");
					dojo.require("dojo.data.ItemFileReadStore");
					dojo.require("dojo.parser");

					dojo.declare("demo.Tree", [dijit._Widget, dojox.dtl._HtmlTemplated], {
						store: new dojo.data.ItemFileReadStore({ url: dojo.moduleUrl("dijit.tests._data", "countries.json") }),
						countrychildren: dojo.moduleUrl("dojox.dtl.demos.templates", "countrychildren.html"),
						postCreate: function(){
							this.store.fetch({
								query: {
									type: "continent"
								},
								onComplete: dojo.hitch(this, function(items){
									this.items = items;
									this.render();
								})
							});
						},
						templateString: '{% load dojox.dtl.contrib.data %}{% bind_data items to store as countries %}<ul>{% for country in countries %}{% include countrychildren %}{% endfor %}</ul>'
					});
			</script>
			<body>
				<div dojoType="demo.Tree"></div>
			</body>
	</head>
</html>