summaryrefslogtreecommitdiff
path: root/swat/apps/qooxdoo-examples/test/Transport_6.html
diff options
context:
space:
mode:
Diffstat (limited to 'swat/apps/qooxdoo-examples/test/Transport_6.html')
-rw-r--r--swat/apps/qooxdoo-examples/test/Transport_6.html222
1 files changed, 222 insertions, 0 deletions
diff --git a/swat/apps/qooxdoo-examples/test/Transport_6.html b/swat/apps/qooxdoo-examples/test/Transport_6.html
new file mode 100644
index 0000000000..bed19e60d8
--- /dev/null
+++ b/swat/apps/qooxdoo-examples/test/Transport_6.html
@@ -0,0 +1,222 @@
+<html>
+<head>
+ <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+ <title>qooxdoo &raquo; Demo</title>
+ <link type="text/css" rel="stylesheet" href="../../resource/css/layout.css"/>
+ <!--[if IE]>
+ <link type="text/css" rel="stylesheet" href="../../resource/css/layout_ie.css"/>
+ <![endif]-->
+ <script type="text/javascript" src="../../script/qx.js"></script>
+</head>
+<body>
+ <script type="text/javascript" src="../../script/layout.js"></script>
+
+ <div id="demoDescription">
+ <p>Simple test for qooxdoo's transport implementation using some data for an addressbook.</p>
+ <p>Using javascript/json content in this case.</p>
+ </div>
+
+ <script type="text/javascript">
+ qx.core.Init.getInstance().defineMain(function()
+ {
+ var d = qx.ui.core.ClientDocument.getInstance();
+
+ var lay = new qx.ui.layout.VerticalBoxLayout;
+ lay.setLocation(20, 48);
+ lay.setRight(335);
+ lay.setBottom(48);
+ qx.ui.core.ClientDocument.getInstance().add(lay);
+
+
+
+ var fsq = new qx.ui.groupbox.GroupBox("Request");
+ fsq.setHeight("auto");
+ lay.add(fsq);
+
+
+ var hlay = new qx.ui.layout.HorizontalBoxLayout;
+ hlay.setVerticalChildrenAlign("middle");
+ hlay.setSpacing(4);
+ hlay.auto();
+ fsq.add(hlay);
+
+
+ var cm1 = new qx.ui.form.ComboBox();
+ cm1.add(new qx.ui.form.ListItem("data/persons/anita.js"));
+ cm1.add(new qx.ui.form.ListItem("data/persons/harald.js"));
+ cm1.add(new qx.ui.form.ListItem("data/persons/lisbeth.js"));
+ cm1.add(new qx.ui.form.ListItem("data/persons/paul.js"));
+ cm1.setSelected(cm1.getList().getFirstChild());
+ cm1.setWidth(200);
+ cm1.addEventListener("changeSelected", upd);
+
+ hlay.add(cm1);
+
+
+
+ var async = new qx.ui.form.CheckBox("Async");
+ async.setChecked(true);
+ hlay.add(async);
+
+
+ var spin = new qx.ui.form.Spinner(1);
+ hlay.add(spin);
+
+
+
+ var btn = new qx.ui.form.Button("Send", "icon/16/apply.png");
+ btn.addEventListener("execute", upd);
+ hlay.add(btn);
+
+
+ var inf = new qx.ui.form.TextField("State");
+ inf.setWidth(80);
+ inf.setReadOnly(true);
+ hlay.add(inf);
+
+
+ var code = new qx.ui.form.TextField("Code");
+ code.setWidth(30);
+ code.setReadOnly(true);
+ hlay.add(code);
+
+
+ var typ = new qx.ui.form.TextField("Type");
+ typ.setWidth(80);
+ typ.setReadOnly(true);
+ hlay.add(typ);
+
+
+ var len = new qx.ui.form.TextField("Length");
+ len.setWidth(50);
+ len.setReadOnly(true);
+ hlay.add(len);
+
+
+ var checken = new qx.ui.form.CheckBox("enabled");
+ checken.setChecked(true);
+ hlay.add(checken);
+
+ checken.addEventListener("changeChecked", function(e) {
+ qx.io.remote.RemoteRequestQueue.setEnabled(e.getData());
+ });
+
+
+
+
+
+ var fsr = new qx.ui.groupbox.GroupBox("Result");
+ fsr.setHeight("1*");
+ lay.add(fsr);
+
+ var area = new qx.ui.layout.VerticalBoxLayout;
+ area.setSpacing(6);
+ area.setDimension("100%", "100%");
+ fsr.add(area);
+
+
+
+ var fgivenname = new qx.ui.basic.Label("Given Name");
+ var fname = new qx.ui.basic.Label("Name");
+ var fage = new qx.ui.basic.Label("Age");
+ var fstreet = new qx.ui.basic.Label("Street");
+ var fplz = new qx.ui.basic.Label("PLZ");
+ var fcity = new qx.ui.basic.Label("City");
+ var fcountry = new qx.ui.basic.Label("Country");
+ var fphone = new qx.ui.basic.Label("Phone");
+
+ area.add(fgivenname, fname, fage, fstreet, fplz, fcity, fcountry, fphone);
+
+
+
+
+
+
+
+ function upd(e)
+ {
+ var val = cm1.getSelected();
+
+ if (!val) {
+ return;
+ };
+
+ var req;
+ for( var i=0, max=parseInt(spin.getValue()); i<max; i++ )
+ {
+ req = new qx.io.remote.RemoteRequest(val.getLabel(), "GET", "text/json");
+
+ req.setAsynchronous(async.getChecked());
+ req.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
+
+ req.setParameter("test1", "value1");
+ req.setParameter("test2", "value2");
+ req.setParameter("test3", "value3");
+
+ // Force to testing iframe implementation
+ // req.setCrossDomain(true);
+
+ // This combination couldn't be handled currently
+ // req.setCrossDomain(true);
+ // req.setAsynchronous(false);
+
+ req.addEventListener("sending", function(e) {
+ inf.setValue("Sending");
+ });
+
+ req.addEventListener("receiving", function(e) {
+ inf.setValue("Receiving");
+ });
+
+ req.addEventListener("completed", function(e)
+ {
+ inf.setValue("Completed");
+ typ.setValue(e.getData().getResponseHeader("Content-Type"));
+ len.setValue(e.getData().getResponseHeader("Content-Length"));
+ code.setValue(e.getData().getStatusCode().toString());
+
+ var vContent = e.getData().getContent();
+
+ fgivenname.setHtml(vContent.givenName.toString());
+ fname.setHtml(vContent.name.toString());
+ fage.setHtml(vContent.age.toString());
+ fstreet.setHtml(vContent.street.toString());
+ fplz.setHtml(vContent.plz.toString());
+ fcity.setHtml(vContent.city.toString());
+ fcountry.setHtml(vContent.country.toString());
+ fphone.setHtml(vContent.phone.toString());
+
+ qx.ui.core.Widget.flushGlobalQueues();
+ });
+
+ req.addEventListener("failed", function(e)
+ {
+ inf.setValue("Failed");
+ typ.setValue(e.getData().getResponseHeader("Content-Type"));
+ len.setValue(e.getData().getResponseHeader("Content-Length"));
+ code.setValue(e.getData().getStatusCode().toString());
+ });
+
+ req.addEventListener("timeout", function(e)
+ {
+ inf.setValue("Timeout");
+ typ.setValue(e.getData().getResponseHeader("Content-Type"));
+ len.setValue(e.getData().getResponseHeader("Content-Length"));
+ code.setValue(e.getData().getStatusCode().toString());
+ });
+
+ req.addEventListener("aborted", function(e)
+ {
+ inf.setValue("Aborted");
+ typ.setValue(e.getData().getResponseHeader("Content-Type"));
+ len.setValue(e.getData().getResponseHeader("Content-Length"));
+ code.setValue(e.getData().getStatusCode().toString());
+ });
+
+ req.send();
+ };
+ };
+ });
+ </script>
+</body>
+</html> \ No newline at end of file