Как получить значение элемента HTML в ExtJs?

Question

I wirte одна страница HTML с, страница может быть отображена. Но когда я пытаюсь получить значение элемента на странице, возникает ошибка. В JavaScript funtion я хочу использовать Ext.fly("loginname").getValue() или document.getElementByName('loginname'), чтобы получить вход от пользователя.

В хром Ext.fly('loginname') является null.

Что случилось со мной? Всем спасибо.

код страницы LOGINNAME HTML, как показано ниже

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:

Answer 1

Ext JS работы совершенно разные, как вы думаете. В Ext js в основном мы не беспокоимся об элементах, все о компонентах и ​​доступе к компонентам имеют разные способы. Теперь, видя ваш код, я могу дать вам решение, которое будет работать нормально, но оно неприемлемо в соответствии со стандартами кодирования Ext js.

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