sencha-touch-2 - 如果在 Sencha Touch 中扩展一个 XTemplate，如何指定模板文本值？

Question

我不想控制我们连接一个巨大的 HTML 字符串，而是想将 XTemplate 对象分离到它自己的文件中。问题是我不知道如何在这个类中设置模板文本。通常，您会在线创建一个新的 XTemplate 对象并将模板文本作为第一个参数传递。

这可能吗？我应该设置什么属性？

/**
 * Custom XTemplate
 */
Ext.define('MyApp.view.MySuperDuperXTemplate', {
    extend: 'Ext.XTemplate',
    xtype: 'mySuperDuperXTemplate',

    html: 'Does the template text go here?',
    text: 'That didn\'t work, let me try this...',
    tpl: 'How about this?  No?...'
});

Answer 1

当您在构造函数中传递 XTemplate 时，XTemplate 会获取 HTML，因此您需要覆盖它来创建它：

Ext.define('Test', {
    extend: 'Ext.XTemplate',

    html: 'testing',

    constructor: function() {
        return this.callParent([this.html]);
    }
});

// Then use it
new Test();