Extjs touche pas rendu à l'intérieur de la div, même après l'utilisation de renderTo

0

La question

Actuellement j'ai une fonction qui retourne html les éléments div. Je veux ajouter un Extjs bouton dans l'élément div. J'ai le code ci-dessous, cependant, même si j'utilise renderTo, le Extjs bouton ne pas se rendait à l'intérieur de l'élément div. Toutes les suggestions sur ce?

_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;
},

En dehors des fonctions et en controller.js fichier, je l'ai appeler les fonctions dans l'ordre suivant:

_getEmptyPageText(); 
getCreateButton(); 

Cependant, cela ne rend que la div éléments qui existent à l'intérieur de _getEmptyPageText() mais elle ne rend pas le code à l'intérieur de getCreateButton fonction. Ce qui me manque ici?

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

La meilleure réponse

1

Utilisation Ext.dom.Query.select('.div2') au lieu de Ext.get

Vous avez pour être sûr de votre div est rendu à l'avant de l'utiliser renderTo

L'exemple suivant est pour ExtJS 5.0+ https://fiddle.sencha.com/#view/editor&fiddle/3hga

2021-11-30 16:08:31

Dans d'autres langues

Cette page est dans d'autres langues

Русский
..................................................................................................................
Italiano
..................................................................................................................
Polski
..................................................................................................................
Română
..................................................................................................................
한국어
..................................................................................................................
हिन्दी
..................................................................................................................
Türk
..................................................................................................................
Česk
..................................................................................................................
Português
..................................................................................................................
ไทย
..................................................................................................................
中文
..................................................................................................................
Español
..................................................................................................................
Slovenský
..................................................................................................................