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

【问题标题】：Extjs button not rendered inside of div even after using renderTo即使在使用 renderTo 之后，Extjs 按钮也不会在 div 内呈现
【发布时间】：2021-11-23 21:45:34
【问题描述】：

我目前有一个返回 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 函数内部的代码。我在这里错过了什么？

【问题讨论】：

标签： html button extjs sencha-touch extjs4.2

【解决方案1】：

使用Ext.dom.Query.select('.div2') 而不是Ext.get

在使用 renderTo 之前，您必须确保您的 div 已渲染

下一个例子是 ExtJS 5.0+ https://fiddle.sencha.com/#view/editor&fiddle/3hga

【讨论】：