examples/form/nestedcombo.js

[roojs1] / examples / form / nestedcombo.js

diff --git a/examples/form/nestedcombo.js b/examples/form/nestedcombo.js
index 6cd426d..6c44191 100644 (file)
--- a/examples/form/nestedcombo.js
+++ b/examples/form/nestedcombo.js
@@ -5,7 +5,7 @@
  */
  
 var mform;
-var combo
+var combo, cats;
 Roo.onReady(function(){
 
     Roo.QuickTips.init();
@@ -13,7 +13,11 @@ Roo.onReady(function(){
       sampledata  = [
         ['A', 'A states', [
             ['AK', 'Alaska'],
-            ['AZ', 'Arizona'],
+            ['AZ', 'Arizona', [
+                ['AK', 'Alaska'],
+                ['AZ', 'Arizona'],
+                ['AR', 'Arkansas']
+            ]],
             ['AR', 'Arkansas']
                            
         ]],
@@ -25,14 +29,19 @@ Roo.onReady(function(){
         ['D', 'D states', [
             ['DE', 'Delaware'],
             ['DC', 'District of Columbia']
-        ]]
+        ]],
         ['I', 'I states', [
         
             ['ID', 'Idaho'],
             ['IL', 'Illinois'],
             ['IN', 'Indiana'],
-            ['IA', 'Iowa']
-        ]]
+            ['IA', 'Iowa'],
+            ['IDA', 'Idaho'],
+            ['ILA', 'Illinois'],
+            ['INA', 'Indiana'],
+            ['IAA', 'Iowa']
+        ]],
+        ['E', 'Empty states', []],
     ];
     /*
      * ================  Form 2  =======================
@@ -63,7 +72,7 @@ Roo.onReady(function(){
                     data : sampledata// from states.js
                    
                 },
-                
+                listWidth: 250,
                 typeAhead: true,
                 mode: 'local',
                 triggerAction: 'all',
@@ -76,7 +85,71 @@ Roo.onReady(function(){
                         
                     }
                 }
-          }
+          },
+          
+           {
+            xtype : 'ComboNested',
+            allowBlank : true,
+            alwaysQuery : true,
+            displayField : 'fullpath',
+            editable : false,
+            emptyText : 'Category',
+            fieldLabel : 'Category',
+            forceSelection : true,
+            hiddenName : 'supplier_category_id',
+            listWidth : 200,
+            maxColumns : 4,
+            loadingText : 'Searching',
+            minChars : 2,
+            name : 'supplier_category_id_name',
+            pageSize : 999,
+            qtip : 'Category',
+            queryParam : 'query[fullpath]',
+            selectOnFocus : true,
+            triggerAction : 'all',
+            typeAhead : true,
+            valueField : 'id',
+            width : 260,
+            listeners : {
+             select : function (combo, record, index)
+              {
+                  _this.grid.footer.onClick('first');
+              }
+            },
+            xns : Roo.form,
+            '|xns' : 'Roo.form',
+            store : {
+             xtype : 'Store',
+             remoteSort : true,
+             sortInfo : { direction : 'ASC', field: 'fullpath' },
+             listeners : {
+              beforeload : function (_self, o){
+                   o.params = o.params || {};
+                   o.params._as_tree = 1;
+                   // set more here
+               }
+             },
+             xns : Roo.data,
+             '|xns' : 'Roo.data',
+             proxy : {
+              xtype : 'HttpProxy',
+              method : 'GET',
+              url : '/web.Texon/admin.php/Roo/category.php',
+              xns : Roo.data,
+              '|xns' : 'Roo.data'
+             },
+             reader : {
+              xtype : 'JsonReader',
+              fields : [{"name":"id","type":"int"},{"name":"fullpath","type":"string"},'name',   'cn' ],
+              id : 'id',
+              root : 'data',
+              totalProperty : 'total',
+              xns : Roo.data,
+              '|xns' : 'Roo.data'
+             }
+            }
+           },
+          
 
             
         ]
@@ -85,6 +158,7 @@ Roo.onReady(function(){
 
     mform.render('form-ct5');
     combo = mform.findField('states');
+    cats = mform.findField('supplier_category_id');
    /* mform.setValues({
         states : '["AK","AZ"]',
         states_list : "Alaska, Arizona"