如何通过ExtJs获取HTML元素值？

Question

我有一个HTML页面，可以显示页面。但是当我尝试获取页面中元素的值时，会发生错误。在JavaScript功能中，我想使用Ext.fly("loginname").getValue()或document.getElementByName('loginname')来获取User的输入。

在Chrome中，Ext.fly('loginname')为null。

我有什么问题？谢谢大家。

HTML LOGINNAME页面的代码如下

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();