1. #1
    Sencha User
    Join Date
    Nov 2011
    Posts
    21
    Vote Rating
    0
    khadarmeeran is on a distinguished road

      0  

    Default Unanswered: How to change the xtype of UI field to another type when selecting action button...

    Unanswered: How to change the xtype of UI field to another type when selecting action button...


    Hi,

    Iam new to sencha development, can some 1 tell me how to develop the below requirement in UI...

    A UI form consist of name & PIN fields, Submit, View Password buttons.. PIN of type "PasswordField", but while selecting "View Password" button, entered PIN should be displayed as a Text instead of 'dots' in the same box...

    pls share me if any example or link......

  2. #2
    Sencha - Senior Forum Manager mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    37,118
    Answers
    3504
    Vote Rating
    855
    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


    Ext JS or Sencha Touch?
    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.

  3. #3
    Sencha User
    Join Date
    Nov 2011
    Posts
    21
    Vote Rating
    0
    khadarmeeran is on a distinguished road

      0  

    Default


    Sencha touch only....for mobile web apps...

  4. #4
    Sencha User
    Join Date
    Nov 2011
    Posts
    21
    Vote Rating
    0
    khadarmeeran is on a distinguished road

      0  

    Default


    Using Sencha Touch only...

  5. #5
    Sencha - Sencha Touch Dev Team rdougan's Avatar
    Join Date
    Oct 2008
    Posts
    1,158
    Answers
    93
    Vote Rating
    6
    rdougan will become famous soon enough

      0  

    Default


    If you are using Sencha Touch 2, you can use the following code:

    Code:
    passwordField.getComponent().setType('text');
    Where 'passwordField' is an instance of a Ext.field.Password.

    What this actually does is, get the underlying component (which in this case is an Ext.field.Input) and calls the setType setter (type is a configuration in Ext.field.Input) which is basically the type attribute in a normal HTML input field.

    To revert it back to a password field, simply call the setType setter with 'password'.
    Sencha Inc.
    Robert Dougan - @rdougan
    Sencha Touch 2 and Ext JS 4 Core Team Member, SASS/Theming Wizard.

Thread Participants: 2