0

Extjs 4を使用していますが、ログインページに値を自動的に入力しますか？

私のコードは以下のとおりです。ユーザー名とパスワードのテキストを設定しています

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

しかし、私はパスワードフィールドにのみユーザー名とパスワードの両方を印刷することができます！

パスワードフィールドにマークとジェシーの両方を印刷できますが、ユーザー名は印刷できませんか？

誰かが.jsページでUserNameの値を設定する方法を教えてもらえますか？

ユーザー名とパスワードの値をそれぞれのフィールドに渡す方法を教えてください。

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 に答える