1. #1
    Sencha User
    Join Date
    Jul 2011
    Posts
    4
    Vote Rating
    0
    jGofio is on a distinguished road

      0  

    Default Andorid virtual KeyBorad issues

    Andorid virtual KeyBorad issues


    Hi

    I have a Ext.List with a template which includes an HTML input component (an HTML textfield, type number), so every item in the list is an item description and a textbox to specify a number (check sample code below)

    I have found two issues when running the application on Android 2.2.1 (it works fine on IPhone 3GS, IOS 4), with Samsung Galaxy SCL and Galaxy Ace devices.

    + First issue: If I tap on one of the textfields shown on startup (without scrolling) the NUMERIC Android virtual keyboard is displayed. But if I scroll to some other item placed at the bottom of the list, then the ALPHANUMERIC Android virtual keyboard is displayed instead of the NUMERIC one. Why ?

    + Second issue: Tapping on items close to the bottom of the screen makes the Android virtual keyboard hide the editing textfield. Is this an Android OS issue ?

    Application is already developed with Sencha Touch 1.1.1 and cannot use version 2.0.

    Regards



    Code:
    
    Ext.regModel('Item', {
       fields: ['name']
    });
    
    var store = new Ext.data.JsonStore({
     
       model: 'Item',
    
       data: [
           {name: 'Item 0'},
           {name: 'Item 1'},
           {name: 'Item 2'},
           {name: 'Item 3'},
           {name: 'Item 4'},
           {name: 'Item 5'},
           {name: 'Item 6'},
           {name: 'Item 7'},
           {name: 'Item 8'},
           {name: 'Item 9'},
           {name: 'Item 10'},
           {name: 'Item 11'},
           {name: 'Item 12'},
           {name: 'Item 13'},
           {name: 'Item 14'},
           {name: 'Item 15'},
           {name: 'Item 16'},
           {name: 'Item 17'},
           {name: 'Item 18'},
           {name: 'Item 19'},
           {name: 'Item 20'}]
    });
    
    var myList = new Ext.List
    ({
       fullscreen: true,
       itemTpl: '{name} <input type= "number"/>',
       store: store
    });
    
    var myPanel = new Ext.Panel(
    {
     id: 'myPanel',
     items: [myList] 
     });
    
    ////////// Application
       
    new Ext.Application({
     
     name : 'MyApp',
     
     launch : function ()
     {
      
      this.viewport = new Ext.Panel({
       
       fullscreen : true,
       items: [myPanel]
       
       });   
     }
    });

  2. #2
    Sencha - Senior Forum Manager mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    37,207
    Vote Rating
    856
    mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute

      0  

    Default


    1. Weird, it shouldn't if the type is number. Not much you can do about that one then.
    2. Unlike iOS, Android doesn't scroll the page up so there isn't much you can do about that.
    Mitchell Simoens @SenchaMitch
    Sencha Inc, Senior Forum Manager
    ________________
    Check out my GitHub, lots of nice things for Ext JS 4 and Sencha Touch 2
    https://github.com/mitchellsimoens

    Think my support is good? Get more personalized support via a support subscription. https://www.sencha.com/store/

    Need more help with your app? Hire Sencha Services services@sencha.com

    Want to learn Sencha Touch 2? Check out Sencha Touch in Action that is in print!

    When posting code, please use BBCode's CODE tags.

Thread Participants: 1