Кнопка Extjs не отображается внутри div даже после использования renderTo

0

Вопрос

В настоящее время у меня есть функция, которая возвращает элементы html div. Я хочу добавить кнопку Extjs в элемент div. У меня есть код, как показано ниже, однако, несмотря на то, что я использую 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(); 

Однако это делает только визуализацию элементов div, которые существуют внутри _getEmptyPageText (), но не отображает код внутри функции getCreateButton. Что я здесь упускаю?

button extjs extjs4.2 html
2021-11-23 21:45:34
1

Лучший ответ

1

Воспользуйся Ext.dom.Query.select('.div2') вместо Ext.get

Вы должны убедиться, что ваш div отрисован, прежде чем использовать renderTo

Следующий пример для ExtJS 5.0+ https://fiddle.sencha.com/#view/editor&fiddle/3hga

2021-11-30 16:08:31

На других языках

Эта страница на других языках

Italiano
..................................................................................................................
Polski
..................................................................................................................
Română
..................................................................................................................
한국어
..................................................................................................................
हिन्दी
..................................................................................................................
Français
..................................................................................................................
Türk
..................................................................................................................
Česk
..................................................................................................................
Português
..................................................................................................................
ไทย
..................................................................................................................
中文
..................................................................................................................
Español
..................................................................................................................
Slovenský
..................................................................................................................