爲Sencha 2模板提供輸入

Question

如何將參數傳遞給Sencha 2模板？下面是我的小模板，嘗試過不同的東西，比如在模板上定義「字段變量」並使用配置等等，但是第四，但是我毫不猶豫地做了錯誤的事情。可以說，我想給參數「標題」和「usageTime」，我該怎麼辦呢

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

在我看來，我想要做的事情ALA這（僞下面的代碼）：

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 
    }; 
    .... 
}