Javascript Ext JS 4.2.1-renderTo导致错误

我创建了一个自定义组件，其XTemplate如下所示：

initComponent: function () {        
    this.initLayout();
    this.callParent();
},

initLayout: function() {
    var me = this;
    var mainTpl = this.getTemplate();
    Ext.apply(me, { html: mainTpl.apply() });
},

在我的模板中，我得到了一些占位符，我想在其中呈现一些文本字段。。。 因此，我尝试在这样的eventhandler中实现这一点：

listeners: {       
    render: function () {
        var usrPlaceHolder = Ext.query('li.LoginUsername');
        if (usrPlaceHolder) {
            Ext.create('Ext.form.field.Text', {
                renderTo: usrPlaceHolder
            });
        }
    }
}

my Ext.query函数确实找到了正确的DOM元素，尽管带有renderTo配置的Ext.create确实抛出以下错误：

Uncaught TypeError: Cannot call method 'createRange' of undefined 

---

如果您需要任何进一步的信息，比如调用堆栈之类的。。请毫不犹豫地询问。

Ext.query

返回一个数组，这可能不是

renderTo

所期望的

---

使用

Ext.dom.Query。改为选择node

，或

Ext.Query（'li.LoginUsername'）[0]

，或任何将为您提供单个元素的内容。

Ext.Query

返回一个数组，该数组可能不是

renderTo

所期望的

---

使用

Ext.dom.Query.selectNode

，或者

Ext.Query（'li.LoginUsername'）[0]

，或者任何可以给你一个元素的东西。

哦，我的天啊，我想这是一个我不认识的愚蠢的东西：D thx！哦，我曾经以为这会是一件我不认识的傻事：D thx！