0

我正在使用 Extjs 4,我想在我的登录页面中自动输入值?

我的代码在下面我正在设置用户名和密码的文本

当我尝试在 GUI 的登录页面中检索时,用户名值未填充标记

相反,Mark 和 Jessey 都在填写并自动输入密码

如何在相应字段中实际设置代码

登录.js

Ext.onReady(function(){

        Ext.QuickTips.init();


 items: [
               {
                                        xtype: 'textfield',
                                         fieldLabel: 'UserName',
                                        name: 'j_username',
                                        id: 'lf.txt.username', //Trying to pass Value for this id in GUI as Mark
                },

                {
                                        xtype: 'textfield',
                                        inputType: 'password',
                                        fieldLabel: 'Password',
                                        name: 'j_password',
                                        id: 'lf.txt.password',//Trying to pass Value for this id in GUI as Jessey When i Launch Code 
                 }
 ]
}
}

当我尝试在我的 Login.Html 页面中使用上述值时

像下面的索引.js

{
 var userName = Ext.getCmp('lf.txt.username');
       alert(userName);
       // alert(lf.txt.password);  // It is Gettin UserName as MArk 
        t.diag(userName.title);
        t.type(userName, 'Mark');

        var password = Ext.getCmp('lf.txt.password');
        alert(password); // It is Gettin password as Jessey Correctly 
        t.diag(password.title);
        t.type(password, 'Jessey');
}

但我只能在密码字段中打印用户名和密码!

我可以在密码字段中打印 Mark 和 Jessey 但不能打印用户名?

谁能告诉我如何在 .js 页中设置用户名的值?

让我知道如何将用户名和密码值传递给相应的字段?

4

1 回答 1

0

您可以使用功能获得组件本身Ext.getCmp。您应该使用 获取输入值Ext.getCmp(cmpId).getValue()。顺便说一句,我看不到您的输入字段的任何容器?我认为这段代码不能正常工作。如果您正在处理输入,建议使用表单面板;然后使用表单面板的功能获取输入。

一个工作样本应该是这样的:

var form = Ext.create('Ext.form.Panel', {
    title : 'A title',
    items : [{
       xtype : 'textfield',
       name  : 'input1',
       fieldLabel: 'Label1'
    }, {
       xtype : 'textfield',
       name  : 'input2',
       fieldLabel: 'Label2'
    }]
});

form.getForm().findField('input1').getValue();
于 2013-03-27T08:46:53.690 回答