javascript - Ext JS 4.2.1 - renderTo でエラーが発生する

Question

次のような XTemplate を使用してカスタム コンポーネントを作成しました。

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

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

私のテンプレートでは、いくつかのテキストフィールドをレンダリングしたいプレースホルダーをいくつか取得しました...だから、そのようなイベントハンドラーでこれを達成しようとしました:

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

Ext.query 関数は正しい DOM 要素を見つけますが、renderTo 構成を使用した Ext.create は次のエラーをスローします。

Uncaught TypeError: Cannot call method 'createRange' of undefined 

コールスタックなどの詳細情報が必要な場合は、お気軽にお問い合わせください..