1. 4 Dec 2011 12:39 AM #1
    khadarmeeran
    khadarmeeran is offline
    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......
    Reply With Quote Reply With Quote
  2. 4 Dec 2011 8:06 AM #2
    mitchellsimoens
    mitchellsimoens is offline
    Sencha - Senior Forum Manager mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    St. Louis, MO
    Posts
    33,684
    Vote Rating
    435
    Answers
    3111
    mitchellsimoens has much to be proud of mitchellsimoens has much to be proud of mitchellsimoens has much to be proud of mitchellsimoens has much to be proud of mitchellsimoens has much to be proud of mitchellsimoens has much to be proud of mitchellsimoens has much to be proud of mitchellsimoens has much to be proud of mitchellsimoens has much to be proud of
      0  

    Default


    Ext JS or Sencha Touch?
    Mitchell Simoens @SenchaMitch
    Sencha Inc, Senior Forum Manager
    ________________
    http://www.JSONPLint.com - Source to lint your JSONP!

    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 almost in print!

    When posting code, please use BBCode's CODE tags.
    Reply With Quote Reply With Quote
  3. 4 Dec 2011 8:56 AM #3
    khadarmeeran
    khadarmeeran is offline
    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...
    Reply With Quote Reply With Quote
  4. 4 Dec 2011 9:02 AM #4
    khadarmeeran
    khadarmeeran is offline
    Sencha User
    Join Date
    Nov 2011
    Posts
    21
    Vote Rating
    0
    khadarmeeran is on a distinguished road
      0  

    Default


    Using Sencha Touch only...
    Reply With Quote Reply With Quote
  5. 4 Dec 2011 12:39 PM #5
    rdougan
    rdougan is offline
    Sencha - Sencha Touch Dev Team rdougan's Avatar
    Join Date
    Oct 2008
    Posts
    1,156
    Vote Rating
    4
    Answers
    93
    rdougan is on a distinguished road
      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.
    Reply With Quote Reply With Quote