即使在使用 renderTo 之后,Extjs 按钮也不会在 div 内呈现
Extjs button not rendered inside of div even after using renderTo
我目前有一个函数,其中 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 函数内部的代码。我在这里错过了什么?
使用Ext.dom.Query.select('.div2')
代替Ext.get
在使用 renderTo
之前,您必须确保 div 已渲染
下一个示例适用于 ExtJS 5.0+
https://fiddle.sencha.com/#view/editor&fiddle/3hga
我目前有一个函数,其中 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 函数内部的代码。我在这里错过了什么?
使用Ext.dom.Query.select('.div2')
代替Ext.get
在使用 renderTo
之前,您必须确保 div 已渲染下一个示例适用于 ExtJS 5.0+ https://fiddle.sencha.com/#view/editor&fiddle/3hga