Взаимодействие колонки таблицы со строками

Данный раздел содержит описание примера взаимодействия новой колонки таблицы с её строками. Проект-расширение клиентской части Web-клиента. Содержит клиентский скрипт позволяющий добавить новую колонку в таблицу, отрисовать элемент в её ячейках, при нажатии на который открывается палитра. Изменяя палитру, будет изменяться фон строки, в которой находится ячейка.

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

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

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

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

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

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

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

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

  1. Откройте папку с таблицей, где в колонке Фон строки, нажмите на любое поле ввода и изменить цвет.

Данный пример демонстрирует только взаимодействие новой колонки, её ячеек и фон строки, в которой они находятся, с помощью скрипта. Сохранение выбранного цвета строки не реализовано, поэтому при обновлении страницы цвет сбросится. При необходимости сохранение можно добавить в классе BackgroundRowsService.