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

Question

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

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

我似乎无法弄清楚我应该在哪里定义模板(即 var myTpl = new Ext.XTemplate(...))——在 Controller 中，在模型中？

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

Answer 1

这取决于您要在何处使用 XTemplate。如果它只会在一个 View 中使用，那么只需在定义 View 时定义 xtemplate。

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

如果您打算在多个 View 中使用它，那么您可以创建一个以共享模板为唯一目的的类。

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

});

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