Шаблоны

Шаблоны — html-структура, дополненная переменными, выражениями и директивами. При работе с шаблонами применяется шаблонизатор lodash.template, который получает доступ к объекту settings, присвоенному при создании виджета.

Для того, чтобы использовать шаблон его необходимо передать в свойство tpl:

var sitephone = Comagic.UI.createWidget('sitephone', {
  settings: settings,
  tpl: '<div>my template</div>'
});

Данный шаблон трансформируется в dom-элемент после вызова render и доступен через вызов метода getEl.

sitephone.render();
var el = sitephone.getEl();

Это не единственный способ привязать dom-элемент к виджету. Также при создании виджета можно передать уже готовый элемент:

var sitephone = Comagic.UI.createWidget('sitephone', {
  tpl: document.getElementById('sitephone_el')
});

В таком случае не используйте метод render, settings не учитываются, так как готовый элемент уже фактически взят со страницы, как есть.