Боковая панель

Данный раздел содержит описание примера работы с боковой панелью. Проект-расширение клиентской части Web-клиента. Содержит клиентский скрипт c функцией showModalSidebar реализующей отображение ModalSidebar. ModalSidebarComponent — React компонент, отвечающий за представление боковой панели и её событий.

Ссылка на пример на GitHub: ModalSidebar.

Пример рассчитан на версию Web-клиента 6.1 или выше.

Перечень необходимых инструментов:

Сборка и установка

  1. Откройте консоль в папке ModalSidebarWebExtension и выполните команду npm install, затем npm update и в конце npm run build:prod.

  2. Скопируйте каталог SamplesOutput\Content\Modules\ModalSidebarWebExtension в каталог Путь к сайту Web-клиента\Content\Modules.

  3. Перезапустите dvwebclient.

Проверка примера

  1. Запустите конструктор разметок

  2. Импортируйте разметку из файла ModalSidebarLayout.xml без условий использования. При этом будет добавлена разметка в тип карточки документ, вид ДокументУД\Исходящий.

  3. Задайте для разметки условия использования, поменяв также порядок разметок в условиях использования, чтобы разметка стала первой разметкой для редактирования.

  4. Перезапустите dvwebclient.

  5. Откройте новый документ ДокументУД\Исходящий и нажмите кнопку Редактировать. При этом должна открыться разметка с кнопкой вызова боковой панели и текстовым полем.

  6. При нажатии на кнопку ShowModalSidebar отображается боковая панель, в котором присутствует текстовое поле для ввода. После ввода сообщения и нажатия на кнопку ОК, значение из этого поля копируется в элемент управления textBox1 разметки.