Sencha Touch在触发事件时显示用户在密码字段中输入的密码

Question

在Sencha Touch视图配置中，我有一个psswordfield：

{
    // Password.
    xtype: 'passwordfield',
    placeHolder: 'Password',
    itemId: 'registerViewPasswordField',
}

我已委派了一个事件，用户可以检查是否要查看密码。

listeners: [
   {
        delegate: '#registerViewShowPassword',
        event: 'check',
        fn: 'onRegisterViewShowPasswordCheck'
    },{
        delegate: '#registerViewShowPassword',
        event: 'uncheck',
        fn: 'onRegisterViewShowPasswordUncheck'
    }
]

如果用户点击显示密码，我该如何转动＆＃34;密码＆＃34;将字段转换为＆＃34; textfield＆＃34;，如何显示用户输入的实际密码？

onRegisterViewShowPasswordCheck: function() {
    // how can I make the "passwordfield" show the password the user just typed?
}

泰

Answer 1

您可以在密码字段下添加文本字段并默认隐藏，然后在需要时隐藏密码字段并显示常规字段。

{
    // Password.
    xtype: 'passwordfield',
    placeHolder: 'Password',
    itemId: 'registerViewPasswordField'
},
{
    // Visible password.
    xtype: 'textfield',
    placeHolder: 'Password',
        hidden: true,
    itemId: 'registerVisiblePasswordField'
}

然后在onRegisterViewShowPasswordCheck方法内，切换两个字段的可见性。