Sencha touch 2 输入Sencha 2模板
如何将参数传递给Sencha 2模板?下面是我的小模板,我尝试过不同的事情,比如在模板上定义“字段变量”和使用配置,等等,但是我肯定做了一些错误的事情。假设我想给参数“title”和“usageTime”,我该怎么做呢Sencha touch 2 输入Sencha 2模板,sencha-touch-2,Sencha Touch 2,如何将参数传递给Sencha 2模板?下面是我的小模板,我尝试过不同的事情,比如在模板上定义“字段变量”和使用配置,等等,但是我肯定做了一些错误的事情。假设我想给参数“title”和“usageTime”,我该怎么做呢 Ext.define('Sencha.templates.AppDetailsUsageTemplate' ,{ extend: 'Ext.XTemplate', constructor: function (config) { var html =
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);
}
});
我想出来了,通过数据给出参数: 示例:
{
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
};
....
}
applyItems:function(newItems, oldItems) {
var i = 0,
iNum = newItems.length,
data = this.getData();
var yesterdayItem = newItems[2];
yesterdayItem.data = {
title: 'Yesterday',
usage: data.dayDuration
};
....
}