dojox
Version:
Dojo eXtensions, a rollup of many useful sub-projects and varying states of maturity – from very stable and robust, to alpha and experimental. See individual projects contain README files for details.
237 lines (221 loc) • 5.72 kB
HTML
<!--
This file is a demo of the FlickrStore, a simple wrapper to the public feed service
of Flickr. This just does very basic queries against Flickr and loads the results
into a list viewing widget.
-->
<html>
<head>
<title>Demo of FlickrRestStore</title>
<style type="text/css">
@import "../../../dijit/themes/tundra/tundra.css";
@import "../../../dojo/resources/dojo.css";
@import "../../../dijit/tests/css/dijitTests.css";
</style>
<script type="text/javascript" src="../../../dojo/dojo.js"
djConfig="isDebug: true, parseOnLoad: true"></script>
<script type="text/javascript">
dojo.require("dojo.parser");
dojo.require("dijit.form.TextBox");
dojo.require("dijit.form.Button");
dojo.require("dijit.form.ComboBox");
dojo.require("dijit.form.NumberSpinner");
dojo.require("dojox.data.FlickrStore");
dojo.require("dojox.data.FlickrRestStore");
dojo.require("dojox.data.demos.widgets.FlickrViewList");
function init(){
//Function to invoke the search of the FlickrStore
function invokeSearch(){
var request = {
query: {
apikey: "8c6803164dbc395fb7131c9d54843627"
}
};
if(idWidget){
var userid = idWidget.getValue();
if(userid && userid !== ""){
request.query.userid = userid;
}
}
if(tagsWidget){
request.query.tags = (tagsWidget.getValue()||"").split(" ").join(",");
}
if(tagmodeWidget){
request.query.tagmode = tagmodeWidget.getValue()||"";
}
if(setIdWidget){
var setid = setIdWidget.getValue();
if(setid != ""){
request.query.setid = setid;
}
}
if(fullTextWidget){
var fullText = fullTextWidget.getValue();
if(fullText != ""){
request.query.text = fullText;
}
}
if(sortTypeWidget && sortDirWidget){
var sortType = sortTypeWidget.getValue();
var sortDirection = sortDirWidget.getValue();
if(sortType != "" && sortDirection != ""){
request.query.sort = [
{
attribute: sortType,
descending: (sortDirection.toLowerCase() == "descending")
}
];
}
}
if(countWidget){
request.count = countWidget.getValue();
}
if(pageWidget){
request.start = request.count * (pageWidget.getValue() -1);
}
if(statusWidget){
statusWidget.setValue("PROCESSING REQUEST");
}
// flickrStore.fetch(request);
flickrViewsWidget.fetch(request);
}
//Lastly, link up the search event.
var button = dijit.byId("searchButton");
dojo.connect(button, "onClick", invokeSearch);
}
dojo.addOnLoad(init);
</script>
</head>
<body class="tundra">
<h1>
DEMO: FlickrRestStore Search
</h1>
<hr>
<h3>
Description:
</h3>
<p>
This simple demo shows how services, such as Flickr, can be wrapped by the datastore API.
In this demo, you can search public Flickr images through a FlickrRestStore by specifying
a series of tags (separated by spaces) to search on. The results will be displayed below the search box.
</p>
<p>
For fun, search on the 3dny tag!
</p>
<blockquote>
<!--
The store instance used by this demo.
-->
<table>
<tbody>
<tr>
<td>
<b>Status:</b>
</td>
<td>
<div dojoType="dijit.form.TextBox" size="50" id="status" jsId="statusWidget" disabled="true"></div>
</td>
<td></td>
<td></td>
</tr>
<tr>
<td>
<b>User ID:</b>
</td>
<td>
<div dojoType="dijit.form.TextBox" size="50" id="userid" jsId="idWidget" value="44153025@N00"></div>
</td>
<td>
<b>Set ID</b>
</td>
<td>
<div dojoType="dijit.form.TextBox" size="50" id="setid" jsId="setIdWidget"></div>
</td>
</tr>
<tr>
<td>
<b>Tags:</b>
</td>
<td>
<div dojoType="dijit.form.TextBox" size="50" id="tags" jsId="tagsWidget" value="rollingstones,kinsale"></div>
</td>
<td>
<b>Full Text</b>
</td>
<td>
<div dojoType="dijit.form.TextBox" size="50" id="fulltext" jsId="fullTextWidget"></div>
</td>
</tr>
<tr>
<td>
<b>Tagmode:</b>
</td>
<td>
<select id="tagmode"
jsId="tagmodeWidget"
dojoType="dijit.form.ComboBox"
autocomplete="false"
value="any"
>
<option>any</option>
<option>all</option>
</select>
</td>
<td>
<b>Sort</b>
</td>
<td>
<select dojoType="dijit.form.ComboBox" size="15" id="sorttype" jsId="sortTypeWidget">
<option>date-posted</option>
<option>date-taken</option>
<option>interestingness</option>
</select>
<select dojoType="dijit.form.ComboBox" size="15" id="sortdirection" jsId="sortDirWidget">
<option>ascending</option>
<option>descending</option>
</select>
</td>
</tr>
<tr>
<td>
<b>Number of Pictures:</b>
</td>
<td>
<div
id="count"
jsId="countWidget"
dojoType="dijit.form.NumberSpinner"
value="20"
constraints="{min:1,max:20,places:0}"
></div>
</td>
<td>
<b>Page:</b>
</td>
<td>
<div
id="page"
jsId="pageWidget"
dojoType="dijit.form.NumberSpinner"
value="1"
constraints="{min:1,max:5,places:0}"
></div>
</td>
</tr>
<tr>
<td>
</td>
<td>
<div dojoType="dijit.form.Button" label="Search" id="searchButton" jsId="searchButtonWidget"></div>
</td>
</tr>
</tbody>
</table>
<hr/>
</blockquote>
<div dojoType="dojox.data.FlickrRestStore" jsId="flickrStore" label="title"></div>
<div dojoType="dojox.data.demos.widgets.FlickrViewList"
store="flickrStore"
id="flickrViews"
jsId="flickrViewsWidget"></div>
</body>
</html>