Где должен быть определен новый XTemplate с помощью Sencha Touch 2?

Question

Я создаю свое первое приложение на ST2 и начал с создания приложения, описанного в Начало работы с Sencha Touch 2 , а затем взял его и попытался изменить, чтобы оно отвечало моим собственным потребностям. Демонстрационное приложение имеет список DataView List, в котором можно нажать на каждый элемент, чтобы открыть соответствующую страницу сведений.

В этом приложении контент на страницах с подробностями загружается динамически и не требует особой стилизации или упорядочивания. Однако для моих собственных страниц подробностей мне нужно использовать 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>')
    }

});

Таким образом, шаблон компилируется только один раз и может использоваться повторно.