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' 
} 
});