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

Question

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

在该应用程序中，详细信息页面上的内容是动态拉入的，不需要太多样式或排列。但是，对于我自己的详细信息页面，我需要使用模板或 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>')
    }

});

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