[ELMA4] Заголовок (Header)

Отображение заголовка на странице. Добавляется в зону Header в Layout.cshtml, т. е. рисуется всегда в одном месте.

Методы для работы

Html.Header(string) добавляет заголовок на страницу.

Пример:

Html.Header(SR.T("Тестовый заголовок"));

Для заголовка доступно добавление кнопок в правую часть.

Пример:

@{
    Html.RenderInZone("HeaderButtons", @<text>
                    @Html.Button().Text("Тест")
                    @Html.ImageButton("#add.svg")
            </text>);

    Html.Header(SR.T("Тестовый заголовок"));
}

Html.Header(title, Entity) добавляет заголовок на страницу по сущности.

При использовании этого метода становятся доступными следующие точки расширения:

  • IWatchProvider – определяет слежение за объектом;
  • IPaperPinProvider возможность использовать булавку для объектов. С примером реализации можно ознакомиться в этой статье;
  • IEntityTypeTagProvider добавляет плашку с описанием.

Также появляется зона для добавления кнопок. В ней обычно отображаются кнопки IWatchProvider и IPaperPinProvider.

Пример: добавление кастомных кнопок в заголовок.

@{
    Html.Header(title, Model.Entity);
}

Html.HeaderBreadcrums – составляет хлебные крошки на основе активных элементов левого меню.

@using ContentHtmlExtensions = EleWise.ELMA.BPM.Web.Content.Extensions.HtmlExtensions

<div>
    @ContentHtmlExtensions.HeaderBreadcrumbs(Html, SR.T("Тестовый заголовок"))
</div>

Html.HeaderBreadcrumbsInZoneаналогичный метод, однако хлебные крошки добавляются в заголовок.

Пример:

@using ContentHtmlExtensions = EleWise.ELMA.BPM.Web.Content.Extensions.HtmlExtensions

@{
    ContentHtmlExtensions.HeaderBreadcrumbsInZone(Html, SR.T("Тестовый заголовок"));
}

Основные изменения в ELMA4 по сравнению с ELMA3

1. Добавлены методы для работы с хлебными крошками Html.HeaderBreadcrums, Html.HeaderBreadcrumbsInZone.

2. Добавлена зона для отображения кнопок в заголовке Html.RenderInZone("HeaderButtons").