sencha-touch-2 - 输入 Sencha 2 模板

Question

如何将参数传递给 Sencha 2 模板？下面是我的小模板，尝试过不同的事情，比如在模板上定义“字段变量”和使用配置，等等第四，但我肯定做错了什么。假设我想给出参数“标题”和“使用时间”，我该怎么做

Ext.define('Sencha.templates.AppDetailsUsageTemplate' ,{
    extend: 'Ext.XTemplate',
    constructor: function (config) {
       var html = [
           '<div id="{id}" class="limitsList {cls}">',
           '   <div class="reportsSummaryLeft"> {title} </div>',
           '   <div class="reportsSummaryRight"> {usageTime}  </div>',
           '   <div style="clear:both"></div>',
           '</div>'];
       this.callParent(html);
    }
});

在我看来，我想做一些事情（下面的伪代码）：

xtype: 'container',
tpl: Ext.create('Sencha.templates.AppDetailsUsageTemplate',{
    title: 'test tittle',
    usageTime: 100384
})

Answer 1

我想通了，通过数据给参数：例子：

{
    id:     'appDetailsMonth',
    xtype:  'component',
    tpl:    Ext.create('Sencha.templates.AppDetailsUsageTemplate')
},{
    id:     'appDetailsLifeDuration',
    xtype:  'component',
    tpl:    Ext.create('Sencha.templates.AppDetailsUsageTemplate')
}

然后在 applyItems

applyItems:function(newItems, oldItems) {
    var i    = 0,
        iNum = newItems.length,
        data = this.getData();

    var yesterdayItem = newItems[2];
    yesterdayItem.data = {
        title: 'Yesterday',
        usage: data.dayDuration
    };
    ....
}