是否可以将两个Ext.XTemplate组合在一起?

时间:2011-02-21 06:46:40

标签: javascript extjs

我有一个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;

        };
    },
});

1 个答案:

答案 0 :(得分:1)

值是template.apply返回的HTML字符串,对吗?你能不能简单地做到:

value += tpl.apply(r.data);

哪个会将第二个模板的结果添加到第一个模板的结果?