Представлена основная информация о структуре handlebars-шаблонов в ember-flexberry-приложениях

Общую информацию о том, как создавать шаблоны, можно посмотреть в документации Ember.

Шаблоны располагаются в папке templates.

Шаблон приложения

Типичный шаблон (template) для Ember-приложения application.js:

<div class="ui grid page menu">
  <a class="brand item" href="#">Flexberry prototype written in Ember.js</a>
</div>
<div class="ui grid page">
  <div class="four wide column">
    {{render "sitemap" sitemap}}
  </div>
  <div class="twelve wide column">
    {{outlet}}
    {{outlet 'modal'}}
  </div>
</div>

В контроллере приложения должна быть определена структура sitemap для отображении в меню сайта (как это сделано здесь).

  • В outlet рендерятся шаблоны, соответствующие текущему роуту.
  • В outlet 'modal' рендерится модальное окно.

Шаблоны форм

На шаблонах форм добавляются различные контролы, может быть добавлено отображение валидации.

В шаблонах списковых форм обычно добавлен Flexberry Objectlistview. На шаблонах форм создания и редактирования - контролы для редактирования.