summaryrefslogtreecommitdiff
path: root/webapps/qooxdoo-0.6.5-sdk/frontend/application/sample/source/html/test/RPC_1.html
blob: 69744f4dd67b36a087aca9ff8bc51e0335702321 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
<html>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <title>qooxdoo &raquo; Demo &raquo; Sample</title>
  <link type="text/css" rel="stylesheet" href="../../css/layout.css"/>
  <!--[if IE]>
  <link type="text/css" rel="stylesheet" href="../../css/layout_ie.css"/>
  <![endif]-->
  <script type="text/javascript" src="../../script/sample.js"></script>
  <script type="text/javascript" src=".qxrpc"></script>
  <!-- With the above script, the service URL for a J2EE application can be
       automatically determined, no matter on what path it's deployed. -->
</head>
<body>
  <script type="text/javascript" src="../../script/layout.js"></script>

  <div id="demoDescription">
    <p><strong>Only works together with a RPC backend!</strong></p>
    <p>Test for RPC functionality.</p>
    <p>
      This test calls a simple echo-style service on the server. The server
      method accepts a string and sends back a string that says
      "Client said: [input string]".
    </p>
  </div>

  <script type="text/javascript">
//    qx.Settings.setCustomOfClass("qx.io.remote.Exchange", "enableDebug", true);
    qx.Settings.setCustomOfClass("qx.io.Json", "enableDebug", true);

    qx.core.Init.getInstance().defineMain(function() {
      var layout1 = new qx.ui.layout.VerticalBoxLayout();
      layout1.setTop(40);
      layout1.setLeft(20);
      layout1.setSpacing(4);

      var async = new qx.ui.form.CheckBox("Asynchronous (must be checked if cross-domain is selected)");
      layout1.add(async);

      var crossDomain = new qx.ui.form.CheckBox("Cross Domain");
      layout1.add(crossDomain);

      layout1.add(new qx.ui.basic.Label("URL:"));
      var defaultURL = qx.io.remote.Rpc.makeServerURL();
      if (defaultURL == null) {
        defaultURL = "/services/";
      }
      var url = new qx.ui.form.TextField(defaultURL);
      layout1.add(url);

      layout1.add(new qx.ui.basic.Label("Service:"));
      var service = new qx.ui.form.TextField("qooxdoo.test");
      layout1.add(service);

      layout1.add(new qx.ui.basic.Label("Method:"));
      var method = new qx.ui.form.TextField("echo");
      layout1.add(method);

      var layout2 = new qx.ui.layout.HorizontalBoxLayout();
      layout2.setHeight("auto");
      layout2.setVerticalChildrenAlign("middle");
      layout2.setSpacing(4);
      var message = new qx.ui.form.TextField("Hello");
      message.setWidth(200);
      layout2.add(message);
      var send = new qx.ui.form.Button("Send to server");
      layout2.add(send);
      var abort = new qx.ui.form.Button("Abort");
      abort.setEnabled(false);
      layout2.add(abort);
      layout1.add(layout2);

      // We'll be setting url and service upon execute; no need to do it now.
      var rpc = new qx.io.remote.Rpc();
      rpc.setTimeout(10000);
      var mycall = null;

      send.addEventListener("execute", function() {
        // Allow the user to reset the URL and Service on each call
        rpc.setUrl(url.getValue());
        rpc.setServiceName(service.getValue());
        rpc.setCrossDomain(crossDomain.isChecked());

        if (async.isChecked()) {
          send.setEnabled(false);
          abort.setEnabled(true);
          mycall = rpc.callAsync(function(result, ex, id) {
            mycall = null;
            if (ex == null) {
              alert("Async(" + id + ") result: " + result);
            } else {
              alert("Async(" + id + ") exception: " + ex);
            }
            send.setEnabled(true);
            abort.setEnabled(false);
          }, method.getValue(), message.getValue());
        } else {
          try {
            var result = rpc.callSync(method.getValue(), message.getValue());
            alert("Sync result: " + result);
          } catch (ex) {
            alert("Sync exception: " + ex);
          }
        }
      });

      abort.addEventListener("execute", function() {
        rpc.abort(mycall);
      });

      var d = qx.ui.core.ClientDocument.getInstance();
      d.add(layout1);
    });
  </script>
</body>
</html>