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
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
|
<html>
<head>
<title>Testing dojox.dtl using a blog example</title>
<script src="../../../dojo/dojo.js" djConfig="usePlainJson: true, parseOnLoad: true"></script>
<script>
dojo.require("dijit._Widget");
dojo.require("dojox.dtl._HtmlTemplated");
dojo.require("dojo.parser");
dojo.declare("demo.Blog", [dijit._Widget, dojox.dtl._HtmlTemplated],
{
buffer: dojox.dtl.render.html.sensitivity.NODE,
templatePath: dojo.moduleUrl("dojox.dtl.demos.templates", "blog_list.html"),
base: {
url: dojo.moduleUrl("dojox.dtl.demos.templates", "blog_base.html"),
shared: true
},
constructor: function(props, node){
this.list = false;
this.blogs = {};
this.pages = {};
},
postCreate: function(){
if(!this.list){
dojo.xhrGet({
url: dojo.moduleUrl("dojox.dtl.demos.json.blog", "get_blog_list.json"),
handleAs: "json"
}).addCallback(this, "_loadList");
}
},
_showList: function(obj){
this.title = "Blog Posts";
this.setTemplate(this.templatePath);
},
_showDetail: function(obj){
var key = obj.target.className.substring(5);
if(this.blogs[key]){
this.title = "Blog Post";
this.blog = this.blogs[key];
this.blog.title = this.blog_list[key].title;
this.setTemplate(dojo.moduleUrl("dojox.dtl.demos.templates", "blog_detail.html"));
}else{
dojo.xhrGet({
url: dojo.moduleUrl("dojox.dtl.demos.json.blog", "get_blog_" + key + ".json"),
handleAs: "json",
load: function(data){
data.key = key;
return data;
}
}).addCallback(this, "_loadDetail");
}
},
_showPage: function(obj){
var key = obj.target.className.substring(5);
if(this.pages[key]){
this.title = this.pages[key].title;
this.body = this.pages[key].body;
this.setTemplate(dojo.moduleUrl("dojox.dtl.demos.templates", "blog_page.html"));
}else{
dojo.xhrGet({
url: dojo.moduleUrl("dojox.dtl.demos.json.blog", "get_page_" + key + ".json"),
handleAs: "json",
load: function(data){
data.key = key;
return data;
}
}).addCallback(this, "_loadPage");
}
},
_loadList: function(data){
this.title = "Blog Posts";
dojo.mixin(this, data);
this.render();
},
_loadDetail: function(data){
data.date = new Date(data.date);
this.blogs[data.key] = data;
this.title = "Blog Post";
this.blog = data;
this.blog.title = this.blog_list[data.key].title;
this.setTemplate(dojo.moduleUrl("dojox.dtl.demos.templates", "blog_detail.html"));
},
_loadPage: function(data){
this.pages[data.key] = data;
dojo.mixin(this, data);
this.setTemplate(dojo.moduleUrl("dojox.dtl.demos.templates", "blog_page.html"));
}
});
</script>
</head>
<body>
<div dojoType="demo.Blog" />
</body>
</html>
|
