[英]Ext.XTemplate() not rendering when added dynamically inside a component.EXTJs
我正在使用以下代码在容器中动态添加组件: this.add()
方法代码:
init: function() {
var combo = new Ext.BoxComponent({
tpl: new Ext.XTemplate("<div>hellow</div>")
})
this.add(combo)
this.doLayout();
}
但是,当我添加Ext.XTemplate()时,它不呈现,但是当我添加Ext.Button或Ext.ComboBox之类的组件时,它们完美呈现。 有什么想法为什么只有它存在渲染问题的模板?
谢谢
使用语法,我假设它的ExtJS 3.4。
您缺少模板的数据属性。 模板始终需要一个存储或数据参数,该参数被视为其数据源。
init: function() {
var combo = new Ext.BoxComponent({
data: [{name:"Saurabh"}],
tpl: new Ext.XTemplate("<div>{name}</div>")
})
this.add(combo)
this.doLayout();
}
这是有效的POC代码:
Ext.onReady(function () {
Ext.create({
xtype: 'panel',
renderTo: Ext.getBody(),
title: 'Xtemplate usage demo',
items: [{
xtype: 'panel',
listeners: {
afterrender: function () {
var combo = new Ext.BoxComponent({
data: {name:"Saurabh"},
tpl: new Ext.XTemplate("<div>hellow {name}</div>")
});
var combo2 = new Ext.BoxComponent({
data: [{name:"Saurabh"}, {name: "User1234"}],
tpl: new Ext.XTemplate('<tpl for="."><div>hellow {name}</div></tpl>')
});
this.add(combo);
this.add(combo2);
this.doLayout();
}
}
}]
});
});
这是工作小提琴的链接: https : //fiddle.sencha.com/#view/editor&fiddle/2rpg
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.