Changeset 18530

Timestamp:

08/31/08 05:46:31 (4 months ago)

Author:

stomita

Message:

lang/javascript/jsonptester : added combobox options

Files:

• lang/javascript/jsonptester/trunk/js/jsonptester.js (modified) (8 diffs)

lang/javascript/jsonptester/trunk/js/jsonptester.js

@@ -89 +89 @@
         }),
         columns : [
-          { header : 'Name', dataIndex : 'name' },
+          { header : 'Name', dataIndex : 'name' }
         ],
         viewConfig : { forceFit : true },
@@ -99 +99 @@
         }),
         listeners : {
-          render : function(grid) { grid.getStore().load(); grid.doLayout() },
+          render : function(grid) { grid.getStore().load(); grid.doLayout() }
         }
       }
     }, {
-      id : 'directoryFormWrapper',
+      id : 'directoryFormWrapper'
     }]
   };
@@ -133 +133 @@
       collapsible : true,
       split : true,
-      html : '<textarea id="dumparea" style="width:100%;height:100%;"></textarea>'
+      layout : 'anchor',
+      items : {
+        xtype : 'textarea',
+        id : 'dumparea',
+        anchor : '100% 100%'
+      }
     }]
   };
@@ -253 +258 @@
       Array.prototype.push.apply(params, queryParams);
       return $.map(params, function(paramName) {
+        var options = data[paramName+':options'];
+        if (options) return createCombobox(options, paramName);
         var type = data[paramName+':datatype'] || 'string';
         return {
@@ -263 +270 @@
     }
 
+    function createCombobox(options, paramName) {
+      var options = $.map(options.split(/\s*,\s*/), function(option) {
+        var pair = option.split(':');
+        return [[ pair[0], pair[pair.length-1] ]];
+      });
+      return {
+        xtype : 'combo',
+        fieldLabel : data[paramName+':label'] || paramName,
+        name : paramName,
+        value : data[paramName+':default'] || '',
+        mode : 'local',
+        triggerAction : 'all',
+        valueField : 'value',
+        displayField : 'text',
+        store : new Ext.data.SimpleStore({
+          data : options,
+          fields : ['text','value']
+        })
+      }
+    }
+
     function getJSONPValues() {
-      var values = Ext.getCmp('directoryForm').getForm().getValues();
+      var values = {};
+      Ext.getCmp('directoryForm').items.each(function(field) {
+        values[field.name] = field.getValue();
+      });
       var params = [] 
       var jsonpUrl = url.replace(/\{([^\}]+)\}/g, function($1, $2) {
@@ -375 +406 @@
         url : node.attributes.url,
         dataType : 'jsonp',
+        scriptCharset : 'utf8',
         jsonp : node.attributes.callbackParam,
         params : node.attributes.params,
@@ -405 +437 @@
                   value.constructor == Number || value.constructor == Date);
       return {
-        text : leaf ? name + ' : ' + value : name,
+        text : leaf ? name + ' : ' + escapeHTML(value) : name,
         value : value,
         leaf : leaf 
@@ -411 +443 @@
     }
 
+    function escapeHTML(str) {
+      return (''+str).replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
+    }
+
   }