6:58 a.m.
Author: shane.bryzak(a)jboss.com
Date: 2010-01-04 07:58:34 -0500 (Mon, 04 Jan 2010)
New Revision: 11909
Modified:
modules/remoting/trunk/examples/model/src/main/webapp/model.html
Log:
replace hard coded actions with user driven actions
Modified: modules/remoting/trunk/examples/model/src/main/webapp/model.html
===================================================================
--- modules/remoting/trunk/examples/model/src/main/webapp/model.html 2010-01-04 12:33:46
UTC (rev 11908)
+++ modules/remoting/trunk/examples/model/src/main/webapp/model.html 2010-01-04 12:58:34
UTC (rev 11909)
@@ -17,33 +17,81 @@
<script type="text/javascript">
//<![CDATA[
-
+
+ // Turn on debug logging so we can see the request and response packets
Seam.debug = true;
-
+
var model = null;
- function fetch() {
- alert("fetch");
+ // A helper function that returns the value of an element
+ function getElementValue(elementName) {
+ var value = document.getElementById(elementName).value;
+ return (value.trim().length > 0) ? value : null;
}
- function apply() {
- alert("apply");
- }
-
- function loadPerson() {
- var personId = document.getElementById("personId").value;
+ // Fetch the model
+ function fetch() {
+ var fetchActionBean = getElementValue("fetchActionBean");
+ var fetchActionQualifiers = getElementValue("fetchActionQualifiers");
+ var fetchActionMethod = getElementValue("fetchActionMethod");
+ var fetchActionParams = getElementValue("fetchActionParams");
+ var action = null;
+
+ if (fetchActionBean) {
+ action = new Seam.Action();
+ action.setBeanType(fetchActionBean);
+ if (fetchActionQualifiers) action.setQualifiers(fetchActionQualifiers);
+ action.setMethod(fetchActionMethod);
+ if (fetchActionParams) {
+ var params = fetchActionParams.split(",");
+ for (var i = 0; i < params.length; i++) {
+ action.addParam(params[i].trim());
+ }
+ }
+ }
+
model = new Seam.Model();
-
- var callback = function(model) { var p = model.getValue("person");
alert(p.getFirstName() + " " + p.getLastName()); };
+ var callback = function(model) { alert("model fetched"); };
model.addBeanProperty("person",
"org.jboss.seam.remoting.examples.model.PersonAction", "person");
- model.fetch(new Seam.Action()
- .setBeanType("org.jboss.seam.remoting.examples.model.PersonAction")
- .setMethod("editPerson")
- .addParam(personId), callback);
+
+ if (action)
+ model.fetch(action, callback);
+ else
+ model.fetch(callback);
}
+ // Apply changes to the model
+ function apply() {
+ var applyActionBean = getElementValue("applyActionBean");
+ var applyActionQualifiers = getElementValue("applyActionQualifiers");
+ var applyActionMethod = getElementValue("applyActionMethod");
+ var applyActionParams = getElementValue("applyActionParams");
+
+ var action = null;
+
+ if (applyActionBean) {
+ action = new Seam.Action();
+ action.setBeanType(applyActionBean);
+ if (applyActionQualifiers) action.setQualifiers(applyActionQualifiers);
+ action.setMethod(applyActionMethod);
+ if (applyActionParams) {
+ var params = applyActionParams.split(",");
+ for (var i = 0; i < params.length; i++) {
+ action.addParam(params[i].trim());
+ }
+ }
+ }
+
+ var callback = function(model) { alert("model updates applied"); };
+
+ if (action)
+ model.applyUpdates(action, callback);
+ else
+ model.applyUpdates(callback);
+ }
+
function expandModel() {
var callback = function(model) { alert("Got addresses: " +
model.getValue("person").getAddresses().length); };
@@ -54,26 +102,13 @@
model.getValue("person").setFirstName("bob");
}
- function applyUpdates() {
- var callback = function(model) { alert("updates applied"); };
-
- model.applyUpdates(new Seam.Action()
- .setBeanType("org.jboss.seam.remoting.examples.model.PersonAction")
- .setMethod("savePerson"),
- callback);
- }
-
var tm = new xw.controls.TreeModel(new xw.controls.TreeNode("Root"));
-
var abc = new xw.controls.TreeNode("ABC");
tm.getRoot().add(abc);
-
abc.add(new xw.controls.TreeNode("123", true));
abc.add(new xw.controls.TreeNode("456", true));
-
var def = new xw.controls.TreeNode("DEF");
tm.getRoot().add(def);
-
def.add(new xw.controls.TreeNode("xxx", true));
def.add(new xw.controls.TreeNode("yyy", true));
def.add(new xw.controls.TreeNode("zzz", true));
@@ -86,7 +121,7 @@
<div class="sectionForm">
<div class="formRow">
<label for="fetchActionBean">Bean</label>
- <input type="text" id="fetchActionBean"
value="org.jboss.seam.remoting.example.model.PersonAction"/>
+ <input type="text" id="fetchActionBean"
value="org.jboss.seam.remoting.examples.model.PersonAction"/>
</div>
<div class="formRow">
<label for="fetchActionQualifiers">Qualifiers</label>
@@ -114,7 +149,7 @@
<div class="sectionForm">
<div class="formRow">
<label for="applyActionBean">Bean</label>
- <input type="text" id="applyActionBean"
value="org.jboss.seam.remoting.example.model.PersonAction"/>
+ <input type="text" id="applyActionBean"
value="org.jboss.seam.remoting.examples.model.PersonAction"/>
</div>
<div class="formRow">
<label for="applyActionQualifiers">Qualifiers</label>
@@ -138,18 +173,19 @@
</div>
<div class="section">
- <div class="sectionHeader">Model values</div>
+ <div class="sectionHeader">Model properties</div>
+
+
<br class="clear"/>
</div>
- <label for="personId">Person ID</label><input
type="text" id="personId" value="1"/>
-
- <button onclick="javascript:loadPerson()">Load person</button>
+
+
+
<button onclick="javascript:expandModel()">expand model</button>
<button onclick="javascript:modifyPerson()">Modify
person</button>
- <button onclick="javascript:applyUpdates()">Apply
updates</button>
<div id="tree"
style="position:absolute;left:10px;width:300px;height:400px;border:1px solid
#999999;overflow:auto"></div>