Roo/bootstrap/ComboBox.js
[roojs1] / Roo / bootstrap / ComboBox.js
index ee0c049..053e05a 100644 (file)
@@ -106,13 +106,8 @@ Roo.bootstrap.ComboBox = function(config){
             * @param {Roo.bootstrap.ComboBox} combo This combo box
             * @param {Object} cfg set html .
             */
-        'touchviewdisplay' : true,
-        /**
-         * @event ontouchviewload
-         * Fires when touch view load (local store)
-         * @param {Roo.bootstrap.ComboBox} combo This combo box
-        */
-        'ontouchviewload' : true
+        'touchviewdisplay' : true
+        
     });
     
     this.item = [];
@@ -2541,6 +2536,8 @@ Roo.extend(Roo.bootstrap.ComboBox, Roo.bootstrap.TriggerField, {
             document.activeElement.blur();
         }, this);
         
+        this._touchViewMask = Roo.DomHelper.append(document.body, {tag: "div", cls:"x-dlg-mask"}, true);
+        
         return;
         
         
@@ -2601,6 +2598,13 @@ Roo.extend(Roo.bootstrap.ComboBox, Roo.bootstrap.TriggerField, {
         }else{
             this.touchViewEl.addClass('in');
         }
+        
+        if(this._touchViewMask){
+            this._touchViewMask.setSize(Roo.lib.Dom.getViewWidth(true),   Roo.lib.Dom.getViewHeight(true));
+            this._touchViewMask.setStyle('z-index', Roo.bootstrap.Modal.zIndex++);
+            this._touchViewMask.addClass('show');
+        }
+        
 
         this.doTouchViewQuery();
         
@@ -2731,8 +2735,6 @@ Roo.extend(Roo.bootstrap.ComboBox, Roo.bootstrap.TriggerField, {
             (function() { firstChecked.findParent('li').scrollIntoView(_this.touchViewListGroup.dom); }).defer(500);
         }
         
-        this.fireEvent('ontouchviewload', this);
-        
     },
     
     onTouchViewLoadException : function()