我有一个xtype接受两个Ext.XTemplates(一个必需和一个可选),它们将应用于一组值。不幸的是,我无法实现这一点,因为最后一个模板运行会覆盖这些值。是否可以将XTemplate附加到另一个中,或者让它一个接一个地运行一组值而不破坏之前应用的模板?
这是我的Ext.grid.Column扩展类:
LinkColumn = Ext.extend(Ext.grid.Column,{
href: '',
additionalTemplate: '',
forceApplyTemplate:false,
dateFormat: 'm/d/y H:i',
constructor: function(config){
Ext.QuickTips.init();
var tpl = new Ext.XTemplate(
'<tpl if="this.hasValue('+config.dataIndex+') == true">',
'<tpl if="this.isDate('+config.dataIndex+') == false">',
'<a href="'+config.href+'">{'+config.dataIndex+'}</a>',
'</tpl>',
'<tpl if="this.isDate('+config.dataIndex+') == true">',
'<a href="'+config.href+'">{[fm.date(values.'+config.dataIndex+',"'+this.dateFormat+'")]}</a>',
'</tpl>',
'</tpl>',
{
compiled: true,
hasValue: function(value){
return !Ext.isEmpty(value);
},
isDate: function(value){
return Ext.isDate(value);
}
}
);
LinkColumn.superclass.constructor.call(this,config);
if (Ext.isEmpty(this.href)) { throw new Ext.Error('LinkColumn: href property is required') };
this.renderer = function(value, p, r){
if (!Ext.isEmpty(this.additionalTemplate)){
var moreTemplate = (!Ext.isPrimitive(this.additionalTemplate) && this.additionalTemplate.compile) ? this.additionalTemplate : new Ext.XTemplate(this.additionalTemplate);
value = (!Ext.isEmpty(moreTemplate)) ? moreTemplate.apply(r.data) : value;
value = moreTemplate.apply(r.data);
};
//here where value gets overwritten:
value = tpl.apply(r.data);
return value;
};
},
});
答案 0 :(得分:1)
值是template.apply返回的HTML字符串,对吗?你能不能简单地做到:
value += tpl.apply(r.data);
哪个会将第二个模板的结果添加到第一个模板的结果?