无法在Ext JS4中为UserName字段设置输入类型

时间:2013-03-27 08:39:27

标签: javascript extjs4 extjs4.1 extjs4.2

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

我的代码在下面我正在设置UserName和Password

的文本

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

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

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

Login.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页面中使用上述值时

与INdex.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');
}

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

我能够在密码字段中打印两个标记和Jessey而不是用户名吗?

任何人都可以告诉我如何在.js PAge中设置UserName的值吗?

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

1 个答案:

答案 0 :(得分: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();