33 lines
1.2 KiB
HTML
33 lines
1.2 KiB
HTML
|
<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>
|