126 lines
1.9 KiB
HTML
126 lines
1.9 KiB
HTML
|
<!--
|
||
|
|
|
||
|
|
This file is a demo of the JsonRestStore connected to CouchDB.
|
||
|
|
|
||
|
|
-->
|
||
|
|
|
||
|
|
<html>
|
||
|
|
|
||
|
|
<head>
|
||
|
|
|
||
|
|
<title>Demo of JsonRestStore</title>
|
||
|
|
|
||
|
|
<style type="text/css">
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
@import "../../../dijit/themes/tundra/tundra.css";
|
||
|
|
|
||
|
|
@import "../../../dojo/resources/dojo.css";
|
||
|
|
|
||
|
|
</style>
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
<script type="text/javascript" src="../../../dojo/dojo.js" djConfig="isDebug: true, parseOnLoad: true"></script>
|
||
|
|
|
||
|
|
<script type="text/javascript">
|
||
|
|
|
||
|
|
dojo.require("dojox.rpc.Service");
|
||
|
|
dojo.require("dojox.data.CouchDBRestStore");
|
||
|
|
function init(){
|
||
|
|
var couchSMD = dojox.data.CouchDBRestStore.generateSMD("/couchDB/");
|
||
|
|
var couchServices = new dojox.rpc.Service(couchSMD); // just connect to the auto-generated SMD from persevere
|
||
|
|
friendStore = new dojox.data.CouchDBRestStore({service:couchServices.friends}); // and create a store for it
|
||
|
|
}
|
||
|
|
|
||
|
|
dojo.addOnLoad(init);
|
||
|
|
|
||
|
|
function invokeSearch() {
|
||
|
|
friendStore.fetch({count:3,onComplete:function(friends) {
|
||
|
|
var firstFriend = friendStore.getValue(friends.rows,0);
|
||
|
|
var name = friendStore.getValue(firstFriend,"name");
|
||
|
|
alert("old name " + name);
|
||
|
|
friendStore.setValue(firstFriend,"name","new name" + Math.random());
|
||
|
|
var newItem = {"name":"Another friend",age:31};
|
||
|
|
friendStore.newItem(newItem);
|
||
|
|
friendStore.onSave= function() {
|
||
|
|
delete friendStore.onSave;
|
||
|
|
friendStore.setValue(newItem,"name","change after creating");
|
||
|
|
friendStore.save();
|
||
|
|
}
|
||
|
|
friendStore.save();
|
||
|
|
|
||
|
|
}});
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
</script>
|
||
|
|
|
||
|
|
</head>
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
<body class="tundra">
|
||
|
|
|
||
|
|
<h1>
|
||
|
|
|
||
|
|
DEMO: JsonRestStore Search
|
||
|
|
|
||
|
|
</h1>
|
||
|
|
|
||
|
|
<hr>
|
||
|
|
|
||
|
|
<h3>
|
||
|
|
|
||
|
|
Description:
|
||
|
|
|
||
|
|
</h3>
|
||
|
|
|
||
|
|
<p>
|
||
|
|
|
||
|
|
This simple demo shows how JsonRestStore can be used with Persevere.
|
||
|
|
|
||
|
|
</p>
|
||
|
|
|
||
|
|
<p>
|
||
|
|
|
||
|
|
</p>
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
<blockquote>
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
<!--
|
||
|
|
|
||
|
|
The store instance used by this demo.
|
||
|
|
|
||
|
|
-->
|
||
|
|
|
||
|
|
<table>
|
||
|
|
|
||
|
|
<tbody>
|
||
|
|
|
||
|
|
<tr>
|
||
|
|
|
||
|
|
<td>
|
||
|
|
|
||
|
|
<button name="search" id="searchButton" onclick="invokeSearch()">Search</button>
|
||
|
|
|
||
|
|
</td>
|
||
|
|
|
||
|
|
</tr>
|
||
|
|
|
||
|
|
</tbody>
|
||
|
|
|
||
|
|
</table>
|
||
|
|
|
||
|
|
<hr/>
|
||
|
|
|
||
|
|
</body>
|
||
|
|
|
||
|
|
</html>
|
||
|
|
|