即使在使用 renderTo 之后，Extjs 按钮也不会在 div 内呈现

Question

我目前有一个函数，其中 returns html div 个元素。我想在 div 元素中添加一个 Extjs 按钮。我有如下代码，但是即使我使用 renderTo，Extjs 按钮也不会在 div 元素内呈现。对此有何建议？

_getEmptyPageText:function(){
     emptyCreateText = some text; 
     return '<div class="some class">' + 
     '<div class="some div">' + emptyCreateText + ' </div>' ;
     '<div class="some div2">'+ '</div>' + '</div>' ;
},

getCreateButton: function() {
    var me = this;
    var menu;
    menu = {
        xtype: 'button',
        cls: 'ri-btn',
        renderTo: Ext.get('some div2'),
        scale: 'medium',
        text: 'Create',
        handler: function() {
            me.someHandler();
        }
    };
    return menu;
},

在函数之外和 controller.js 文件中，我按以下顺序调用函数：

_getEmptyPageText(); 
getCreateButton();

但是，这样做只会呈现存在于 _getEmptyPageText() 内部的 div 元素，但不会呈现 getCreateButton 函数内部的代码。我在这里错过了什么？

Answer 1

使用Ext.dom.Query.select('.div2')代替Ext.get

在使用 renderTo

之前，您必须确保 div 已渲染

下一个示例适用于 ExtJS 5.0+ https://fiddle.sencha.com/#view/editor&fiddle/3hga

即使在使用 renderTo 之后，Extjs 按钮也不会在 div 内呈现

Extjs button not rendered inside of div even after using renderTo

html

button

extjs

sencha-touch

extjs4.2