应该在哪里使用Sencha Touch 2定义新的XTemplate？

Question

我正在使用ST2构建我的第一个应用程序，并开始构建Getting Started with Sencha Touch 2中概述的应用程序，然后尝试修改它以满足我自己的需求。演示应用程序有一个DataView列表，可以点击每个元素以显示相应的详细信息页面。

在该应用程序中，详细页面上的内容将被动态提取，无需进行样式设置或排列。但是，对于我自己的详细信息页面，我需要使用Template或XTemplate来设置和定位我的数据。

我似乎无法弄清楚我应该在哪里定义模板（即var myTpl = new Ext.XTemplate（...）） - 在控制器中，在模型中？

非常感谢任何关于这方面的指导。

Answer 1

这取决于您希望使用XTemplate的位置。如果它只在一个视图中使用，那么只需在定义视图时定义xtemplate。

{
   xtype : 'view',
   tpl : new XTemplate('<div></div>...')
}

如果您打算在多个视图中使用它，那么您可以创建一个仅用于共享模板的类。

Ext.define('MyApp.util.SharedTemplates', {
    statics : {
         sharedTemplate1 : new XTemplate('<div></div>')
    }

});

这样，模板只编译一次并可重复使用。