Работа со строкой данных элемента управления "Список файлов" (fileList)

Пример взаимодействия со строками элемента управления Список файлов (fileList). Проект представляет собой клиентское расширение. Расширение добавляет к строке элемента управления красную обводку при скачивании файла.

Основной код расширения содержит скрипт fileListHighlightRow в качестве обработчика события После загрузки версии файла элемента управления fileList в конструкторе разметок.

EventHandler.ts

export async function fileListHighlightRow(sender: FileListControl, event: IFileVersionDownloadingArgs) {
    const fileItem = event.fileItem;
	const customClass = "file-list-row_red-border";

    if (!event.fileItem?.cssClasses?.includes(customClass)) {
        sender.toggleRowClass(fileItem, customClass);
    }
}

Данный скрипт представляет пример получения объекта fileItem, представляющего информацию о файле из аргументов события. Выполняется исследование его свойства, после чего вызывается метод toggleRowClass ЭУ FileListControl для переключения стилей файла.

Index.ts

extensionManager.registerExtension({ (1)
    name: "FileListHighlightRow",
    version: "1.0",
    globalEventHandlers: [ EventHandler ]
})

1	Регистрация расширения позволяет корректно установить все обработчики событий, сервисы и прочие сущности web-приложения.

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

Откройте папку с элементом управления и добавленным обработчиком события.
Скачайте версию файла.