summaryrefslogtreecommitdiff
path: root/includes/js/dojox/dtl/demos/demo_Data.html
diff options
context:
space:
mode:
Diffstat (limited to 'includes/js/dojox/dtl/demos/demo_Data.html')
-rw-r--r--includes/js/dojox/dtl/demos/demo_Data.html58
1 files changed, 58 insertions, 0 deletions
diff --git a/includes/js/dojox/dtl/demos/demo_Data.html b/includes/js/dojox/dtl/demos/demo_Data.html
new file mode 100644
index 0000000..93bb76f
--- /dev/null
+++ b/includes/js/dojox/dtl/demos/demo_Data.html
@@ -0,0 +1,58 @@
+<html>
+ <head>
+ <title>Demo using the dojo.data bind_data tag</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._Templated");
+ dojo.require("dojox.data.FlickrRestStore");
+ dojo.require("dojo.parser");
+
+ dojo.declare("demo.Gallery", [dijit._Widget, dojox.dtl._Templated], {
+ templatePath: dojo.moduleUrl("dojox.dtl.demos.templates", "gallery.html"),
+ store: new dojox.data.FlickrRestStore(),
+ selectThumbnail: function(e){
+ this.selected = e.target.className;
+ this.render();
+ },
+ keyUp: function(e){
+ if(e.keyCode == dojo.keys.ENTER){
+ var search = e.target.value;
+ var query = {
+ query: {
+ userid: "44153025@N00",
+ apikey: "8c6803164dbc395fb7131c9d54843627",
+ sort: [
+ {
+ attribute: "interestingness",
+ descending: true
+ }
+ ],
+ tags: search.split(/\s*,\s*/g),
+ tag_mode: "any"
+ },
+ start: 0,
+ count: 10,
+ onBegin: dojo.hitch(this, function(total){
+ console.debug(total);
+ this._maxPhotos = total;
+ }),
+ onComplete: dojo.hitch(this, function(items, request){
+ console.debug(items);
+ if(items && items.length) {
+ this.items = items;
+ this.render();
+ }
+ })
+ };
+ this.store.fetch(query);
+ }
+ }
+ });
+ </script>
+ <body>
+ <div dojoType="demo.Gallery"></div>
+ </body>
+ </head>
+</html> \ No newline at end of file