ExtJsでHTML要素値を取得する方法は？

Question

私は1つのHTMLページで、ページを表示することができます。しかし、ページの要素の値を取得しようとすると、エラーが発生します。 JavaScriptの機能では、Ext.fly("loginname").getValue()またはdocument.getElementByName('loginname')を使用して、ユーザーからの入力を取得します。

クロムでは、Ext.fly('loginname')はnullです。

私には何が間違っていますか？みんな、ありがとう。

items: [ 
    { 
     columnWidth: .33, 
     layout: 'form', 
     items: [ 
      { 
       xtype: 'textfield', 
       fieldLabel: '<font color="red">*</font>User Login', 
       allowBlank: false, 
       width: 180, 
       name: 'loginname', 
       enableKeyEvents: true, 
       msgTarget: 'under', 
       listeners: { 
        blur: function() { 
         changeValue(); 
        } 
       } 
      } 
     ] 

のExtのウェブページ以下のようにHTML LOGINNAMEページのコード：

Answer 1

のExt JSの仕事と思う完全に異なる方法。 Ext jでは、ほとんどの場合、要素について気にする必要はありません。コンポーネントに関するすべてとコンポーネントへのアクセスには、さまざまな方法があります。現時点であなたのコードを見て、私はあなたにうまくいく解決策を与えることができますが、Ext jsのコーディング標準によれば受け入れられません。

Ext.ComponentQuery.query('textfield[name=loginname]')[0].getValue();