diff options
Diffstat (limited to 'includes/js/dojox/dtl/demos/demo_Data.html')
-rw-r--r-- | includes/js/dojox/dtl/demos/demo_Data.html | 58 |
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 |