ExtJs Tpl没有显示出来

Question

只是希望获得tpl文本显示，即使组件呈现成功但内部没有文本。在屏幕上看似空白

Ext.Component({ 
    ...  
    tpl: 'Hi let me show on screen please',  
}); 

为什么不显示任何东西？

Answer 1

模板期望定义data属性：

var foo = new Ext.Component({
    renderTo: document.body,
    tpl: 'foo baroo',
    data: {}
});

Answer 2

根据Documentation

使用此配置时，必须为组件中显示的任何内容设置数据配置。

根据您的代码，您不会绑定数据，因为您没有得到结果。

示例代码应该是：

Ext.Component({ 
renderTo: Ext.getBody(),
tpl: ['<ul class="details">',
        '<li><b>Name:</b> {Name}</li>',
        '<li><b>Email:</b> {Email}</li>',
    '</ul>'],
data: {
    Name: 'User-1',
    Email: 'user-1@gmail.com'
}
});