Sencha touch 2 使用Sencha Touch 2在何处定义新的XTemplate？

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

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

我似乎不知道应该在控制器、模型中的何处定义模板（即var myTpl=new Ext.XTemplate（…）

---

在此方面的任何指导都将不胜感激。

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

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

{
xtype:'视图'，
第三方物流：新的XTemplate（“…”）
}

如果要在多个视图中使用它，则可以创建一个仅用于共享模板的类

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

});

Ext.define（'MyApp.util.SharedTemplates'{
静力学：{
sharedTemplate1:新的XTemplate（“”）
}
});

---

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

使用第二种方法，您以后如何在列表itemTpl中引用您的SharedTemplate1？例如itemTpl:MyApp.util.SharedTemplates.SharedTemplate1