buildSDK/dependancy_bootstrap.txt
[roojs1] / Roo / bootstrap / PhoneInput.js
index 36171e8..d3d82f1 100644 (file)
@@ -24,7 +24,9 @@ Roo.bootstrap.PhoneInput = function(config) {
 };
 
 Roo.extend(Roo.bootstrap.PhoneInput, Roo.bootstrap.TriggerField, {
-        
+        /**
+        * @cfg {Roo.data.Store} store [required] The data store to which this combo is bound (defaults to undefined)
+        */
         listWidth: undefined,
         
         selectedClass: 'active',
@@ -81,7 +83,7 @@ Roo.extend(Roo.bootstrap.PhoneInput, Roo.bootstrap.TriggerField, {
             var input =  {
                 tag: 'input',
                 id : id,
-                type: 'number',
+                // type: 'number', -- do not use number - we get the flaky up/down arrows.
                 maxlength: this.max_length,
                 cls : 'form-control tel-input',
                 autocomplete: 'new-password'
@@ -295,6 +297,7 @@ Roo.extend(Roo.bootstrap.PhoneInput, Roo.bootstrap.TriggerField, {
             
             this.list.on('mouseover', this.onViewOver, this);
             this.list.on('mousemove', this.onViewMove, this);
+            this.inputEl().on("keyup", this.onKeyUp, this);
             this.inputEl().on("keypress", this.onKeyPress, this);
             
             this.tpl = '<li><a href="#"><div class="flag {iso2}"></div>{name} <span class="dial-code">+{dialCode}</span></a></li>';
@@ -545,13 +548,15 @@ Roo.extend(Roo.bootstrap.PhoneInput, Roo.bootstrap.TriggerField, {
             return this.el.select('input.hidden-tel-input',true).first();
         },
         
+        // after setting val
+        onKeyUp : function(e){
+            this.setValue(this.getValue());
+        },
+        
         onKeyPress : function(e){
-            
             if(this.allowed.indexOf(String.fromCharCode(e.getCharCode())) === -1){
                 e.stopEvent();
             }
-            
-            this.setValue(this.getValue());
         }
         
 });
\ No newline at end of file