SemanticScuttle/includes/js/dojox/dtl/demos/demo_Data.html

58 lines
No EOL
1.7 KiB
HTML

<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>