为Sencha 2模板提供输入
为Sencha 2模板提供输入
提问于 2012-09-11 16:52:36
如何将参数传递给Sencha 2模板？下面是我的小模板，我尝试过不同的方法，比如在模板上定义“字段变量”和使用config，所以第四，但我肯定做错了什么。假设我想给参数"title“和"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);
}
});在我看来，我想这样做(下面的伪代码)：
xtype: 'container',
tpl: Ext.create('Sencha.templates.AppDetailsUsageTemplate',{
title: 'test tittle',
usageTime: 100384
})Stack Overflow用户
发布于 2012-09-11 22:11:12
我想通了，通过数据给出参数:示例：
{
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
};
....
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/12366054
复制相关文章
相似问题
腾讯云开发者
