examples/direct/direct.js

   1 /*!
   2  * Ext JS Library 3.2.2
   3  * Copyright(c) 2006-2010 Ext JS, Inc.
   4  * licensing@extjs.com
   5  * http://www.extjs.com/license
   6  */
   7 Ext.onReady(function(){
   8     Ext.Direct.addProvider(
   9         Ext.app.REMOTING_API,
  10         {
  11             type:'polling',
  12             url: 'php/poll.php'
  13         }
  14     );
  15
  16     var out = new Ext.form.DisplayField({
  17         cls: 'x-form-text',
  18         id: 'out'
  19     });
  20
  21     var text = new Ext.form.TextField({
  22         width: 300,
  23         emptyText: 'Echo input'
  24     });
  25
  26     var call = new Ext.Button({
  27         text: 'Echo',
  28         handler: function(){
  29             TestAction.doEcho(text.getValue(), function(result, e){
  30                 var t = e.getTransaction();
  31                 out.append(String.format('<p><b>Successful call to {0}.{1} with response:</b><xmp>{2}</xmp></p>',
  32                        t.action, t.method, Ext.encode(result)));
  33                 out.el.scroll('b', 100000, true);
  34             });
  35         }
  36     });
  37
  38     var num = new Ext.form.TextField({
  39         width: 80,
  40         emptyText: 'Multiply x 8',
  41         style:  'text-align:left;'
  42     });
  43
  44     var multiply = new Ext.Button({
  45         text: 'Multiply',
  46         handler: function(){
  47             TestAction.multiply(num.getValue(), function(result, e){
  48                 var t = e.getTransaction();
  49                 if(e.status){
  50                     out.append(String.format('<p><b>Successful call to {0}.{1} with response:</b><xmp>{2}</xmp></p>',
  51                         t.action, t.method, Ext.encode(result)));
  52                 }else{
  53                     out.append(String.format('<p><b>Call to {0}.{1} failed with message:</b><xmp>{2}</xmp></p>',
  54                         t.action, t.method, e.message));
  55                 }
  56                 out.el.scroll('b', 100000, true);
  57             });
  58         }
  59     });
  60
  61     text.on('specialkey', function(t, e){
  62         if(e.getKey() == e.ENTER){
  63             call.handler();
  64         }
  65     });
  66
  67         num.on('specialkey', function(t, e){
  68         if(e.getKey() == e.ENTER){
  69             multiply.handler();
  70         }
  71     });
  72
  73         var p = new Ext.Panel({
  74         title: 'Remote Call Log',
  75         //frame:true,
  76                 width: 600,
  77                 height: 300,
  78                 layout:'fit',
  79
  80                 items: [out],
  81         bbar: [text, call, '-', num, multiply]
  82         }).render(Ext.getBody());
  83
  84     Ext.Direct.on('message', function(e){
  85         out.append(String.format('<p><i>{0}</i></p>', e.data));
  86                 out.el.scroll('b', 100000, true);
  87     });
  88 });