view source

[roojs1] / examples / bootstrap / ComboBox.js

diff --git a/examples/bootstrap/ComboBox.js b/examples/bootstrap/ComboBox.js
index 8b565e1..d5002f8 100644 (file)
--- a/examples/bootstrap/ComboBox.js
+++ b/examples/bootstrap/ComboBox.js
@@ -3,26 +3,20 @@
 Roo.example = Roo.example || {};
 
 Roo.example.combobox = new Roo.XComponent({
-    part     :  ["layout","viewpanel"],
+    part     :  ["example","combobox"],
     order    : '001-viewpanel',
     region   : '',
-    parent   : '#bootstrap',
+    parent   : false,
     name     : "unnamed module",
     disabled : false, 
     permname : '', 
     _tree : function()
     {
         
-        this.parent = {
-            el : new Roo.bootstrap.Body()
-        }
-        this.parent.el.layout = false;
-        this.parent.el.render(document.body);
         
         var _this = this;
         var MODULE = this;
-        var baseURL = '/web.eventmanager/demo.local.php';
-        
+         
         return {
             xtype: 'Body',
             xns: Roo.bootstrap,
@@ -31,16 +25,16 @@ Roo.example.combobox = new Roo.XComponent({
                     xtype: 'ComboBox',
                     xns: Roo.bootstrap,
                     placeholder : 'Select a country',
-                    displayField : 'name',
+                    displayField : 'title',
                     hiddenName : 'country_id',
                     md : '12',
                     size : 'sm',
-                    name : 'country_id_name',
+                    name : 'title',
                     triggerAction : 'all',
                     minChars : '1',
-                    tpl : '<li class="select2-result"><b>{name}</b></div>',
+                    tpl : '<li class="roo-select2-result"><b>{title}</b></div>',
                     listWidth : '400',
-                    
+                    multiple: true,
                     listeners : {
                         render : function (_self) {
                             _this.countrySel = _self;
@@ -53,7 +47,7 @@ Roo.example.combobox = new Roo.XComponent({
                     alwaysQuery : true,
                     allowBlank : false,
                     fieldLabel : 'Country',
-                    pageSize : '20',
+                    pageSize : '10',
                     append: true,
                     store : {
                         xtype: 'Store',
@@ -61,6 +55,13 @@ Roo.example.combobox = new Roo.XComponent({
                         listeners : {
                             beforeload : function (_self, o) {
                                 o.params = o.params || {};
+                                
+                                var selected = _this.countrySel.getValue();
+                                
+                                if(selected.length){
+                                    o.params._skip = selected;
+                                }
+                                
                             }
                         },
                         remoteSort : true,
@@ -68,7 +69,7 @@ Roo.example.combobox = new Roo.XComponent({
                         proxy : {
                             xtype: 'HttpProxy',
                             xns: Roo.data,
-                            url : baseURL + '/Roo/Core_geoip_country',
+                            url : '../bootstrap/data.country.js',
                             method : 'GET'
                         },
                         reader : {
@@ -84,7 +85,7 @@ Roo.example.combobox = new Roo.XComponent({
                                     'type': 'string'
                                 },
                                 {
-                                    'name': 'name',
+                                    'name': 'title',
                                     'type': 'string'
                                 }
                             ]