Настройка области заголовков панели конфигурации

Область заголовков делится на следующие подобласти:

заголовок (TITLE);
управляющие кнопки (BUTTONS);
шаблон, отображаемый между заголовком и управляющими кнопками (headerTemplateName).

Область заголовка

По умолчанию в заголовке выводится текст "Настройки". Его можно изменить, передав в настройках кнопки конфигурации. Подробнее об этом можно прочитать в разделе Изменение заголовка панели.

Область управляющих кнопок

Добавим в панель конфигурации управляющие кнопки.

Для этого в файле navx в конфигурации динамических разделов настроим методы БЛ, которые будут использоваться для чтения и сохранения конфигурации для каждого шаблона.

<item id="Базовый_шаблон"
    rightMode="1">
    <templateConfig>
        {
            "readMethod": "Configuration.LocalCatalogInOnlineGet",
            "saveMethod": "Configuration.LocalCatalogInOnlineSaveSingle"
        }
    </templateConfig>
</item>

И укажем параметру newViewConfigurationDesign значение true.

<item id="Базовый_шаблон"
    rightMode="1">
    <templateConfig>
        {
            "readMethod": "Configuration.LocalCatalogInOnlineGet",
            "saveMethod": "Configuration.LocalCatalogInOnlineSaveSingle",
            "newViewConfigurationDesign": true
        }
    </templateConfig>
</item>

Дополнительную информацию можно прочитать в статье Редактируемая запись раздела (Кнопка "Применить").

Шаблон, отображаемый между заголовком и управляющими кнопками

Интерфейс редактора настроек каталога предусматривает размещение между заголовком и управляющими кнопками контрола "Вкладки", обеспечивающего переключение набора настроек для "Плитки", "Списка" или "Карточки".

Добавим контрол "Вкладки" на панель конфигурации. Для этого в настройках динамических разделов в параметре headerTemplateName укажем ViewConfiguration/listEditorPopup:StackHeaderTemplate.

<item id="Базовый_шаблон"
      title="Базовый"
      configurationId="DemoPageConfiguration"
      order="1000"
      rightMode="1">
      <templateConfig>
          {
              "headerTemplateName": "ViewConfiguration/listEditorPopup:StackHeaderTemplate"
          }
      </templateConfig>
</item>

Настроим список вкладок, которые необходимо отобразить. Для этого добавим параметр headerTemplateOptions, и в опции tabs укажем массив вкладок. Каждая вкладка - объект, содержащий поля:

key - идентификатор вкладки,
title - заголовок вкладки.

<templateConfig>
    {
        "headerTemplateName": "ViewConfiguration/listEditorPopup:StackHeaderTemplate",
        "headerTemplateOptions": {
            tabs: [
                { key: 'tile', title: 'Плитка' },
                { key: 'table', title: 'Список' },
                { key: 'card', title: 'Карточка' }
            ]
        } 
    }
</templateConfig>