2011-07-30 18:55:32 -03:00
|
|
|
<html>
|
|
|
|
|
<body>
|
|
|
|
|
<script type="text/javascript" src="http://docs.google.com/brix/static/api/js/jsapi.nocache.js"></script>
|
|
|
|
|
<script type="text/javascript">
|
|
|
|
|
var collabOnLoad = function() {
|
|
|
|
|
app = new goog.collab.CollaborativeApp();
|
|
|
|
|
app.start();
|
|
|
|
|
|
|
|
|
|
app.addListener('modelLoad', function(model) {
|
|
|
|
|
var root = app.getModel().getRoot();
|
2011-09-11 00:07:43 -03:00
|
|
|
var myList = root.get("myList");
|
|
|
|
|
if (!myList) {
|
|
|
|
|
myList = app.getModel().create("List");
|
|
|
|
|
root.put("myList", myList);
|
2011-07-30 18:55:32 -03:00
|
|
|
}
|
|
|
|
|
|
2011-09-11 00:07:43 -03:00
|
|
|
myList.addListener('valuesAdded', function(event) {
|
|
|
|
|
console.log("value added:" + myList.size());
|
2011-07-30 18:55:32 -03:00
|
|
|
});
|
|
|
|
|
|
2011-09-11 00:07:43 -03:00
|
|
|
myList.addListener('valuesRemoved', function(event) {
|
|
|
|
|
console.log("value removed:" + myList.size());
|
|
|
|
|
});
|
2011-07-30 18:55:32 -03:00
|
|
|
|
2011-09-11 00:07:43 -03:00
|
|
|
});
|
2011-07-30 18:55:32 -03:00
|
|
|
|
2011-09-11 00:07:43 -03:00
|
|
|
removedAction = function() {
|
|
|
|
|
var root = app.getModel().getRoot();
|
|
|
|
|
var myList = root.get("myList");
|
|
|
|
|
myList.remove(myList.size() - 1);
|
|
|
|
|
};
|
2011-07-30 18:55:32 -03:00
|
|
|
|
2011-09-11 00:07:43 -03:00
|
|
|
addAction = function() {
|
|
|
|
|
var root = app.getModel().getRoot();
|
|
|
|
|
var myList = root.get("myList");
|
|
|
|
|
myList.add("Some elem " + myList.size());
|
|
|
|
|
console.log("Click on adding...");
|
|
|
|
|
};
|
|
|
|
|
};
|
2011-07-30 18:55:32 -03:00
|
|
|
</script>
|
|
|
|
|
|
2011-09-11 00:07:43 -03:00
|
|
|
Funca?
|
|
|
|
|
|
|
|
|
|
<input style="font-size:20px;width:50px;height:50px;" type="button" value="Add" id="a2" onclick="addAction(this)"/>
|
|
|
|
|
<input style="font-size:20px;width:50px;height:50px;" type="button" value="Remove" id="a2"
|
|
|
|
|
onclick="removedAction(this)"/>
|
2011-07-30 18:55:32 -03:00
|
|
|
</body>
|
|
|
|
|
</html>
|
