ТаблицаФормы.ПутьКДаннымКартинкиСтроки

Показать зелёный значок книги и синий значок ручки

Создаём SVG-картинки только из собственного буквального кода, добавляем колонку Картинка в данные формы и привязываем значок строки к этой колонке.

Подготовка

1. В учебной базе: Файл → Новый → Внешняя обработка. Создайте управляемую форму и назначьте её основной. Дайте обработке имя УчебнаяТаблица.

2. Не добавляйте вручную реквизит Товары и одноимённые элементы: код создаст их при открытии. Модуль формы для этой задачи должен быть пустым.

3. В свойствах формы → События свяжите ПриСозданииНаСервере с одноимённой процедурой. Сохраните отдельную учебную EPF и откройте через Файл → Открыть.

4. Данные Книга/Ручка создаются в памяти формы. Справочники, документы и регистры вашей конфигурации не читаются и не записываются.

5. Используйте отдельную собственную конфигурацию с именем УчебнаяКонфигурацияСинтаксиса. Это не рабочая таблица и не динамический список каталога: только две собственные строки в форме.

6. Если код содержит ПриОткрытии, дополнительно свяжите событие формы ПриОткрытии с этой процедурой в свойствах формы.

7. Мобильные уроки запускать именно в мобильном клиенте своей учебной конфигурации. Для мобильного приложения можно перенести полный модуль в отдельную общую управляемую форму и открыть её собственной командой: произвольная EPF там не предполагается.

8. Флаги адаптации карточек, текущей строки и действий строки не являются правами на данные. Мобильный вид не подтверждается запуском только в настольном клиенте.

&НаСервере
Функция СоздатьСвойЗначок(ЦветФигуры)
    SVG = "<svg xmlns=""http://www.w3.org/2000/svg"" width=""16"" height=""16"" viewBox=""0 0 16 16""><circle cx=""8"" cy=""8"" r=""6"" fill=""" + ЦветФигуры + """/></svg>";
    ДанныеКартинки = ПолучитьДвоичныеДанныеИзСтроки(SVG, КодировкаТекста.UTF8, Ложь);
    Возврат Новый Картинка(ДанныеКартинки);
КонецФункции


&НаСервере
Процедура ПриСозданииНаСервере(Отказ, СтандартнаяОбработка)
    НовыеРеквизиты = Новый Массив;
    НовыеРеквизиты.Добавить(Новый РеквизитФормы("Товары", Новый ОписаниеТипов("ТаблицаЗначений")));
    НовыеРеквизиты.Добавить(Новый РеквизитФормы("Код", Новый ОписаниеТипов("Строка"), "Товары", "Код"));
    НовыеРеквизиты.Добавить(Новый РеквизитФормы("Наименование", Новый ОписаниеТипов("Строка"), "Товары", "Название"));
    НовыеРеквизиты.Добавить(Новый РеквизитФормы("Количество", Новый ОписаниеТипов("Число",
        Новый КвалификаторыЧисла(9, 0, ДопустимыйЗнак.Неотрицательный)), "Товары", "Количество"));
    НовыеРеквизиты.Добавить(Новый РеквизитФормы("Значок", Новый ОписаниеТипов("Картинка"), "Товары", "Значок"));
    ЭтаФорма.ИзменитьРеквизиты(НовыеРеквизиты);
    Данные = Новый ТаблицаЗначений;
    Данные.Колонки.Добавить("Код", Новый ОписаниеТипов("Строка"));
    Данные.Колонки.Добавить("Наименование", Новый ОписаниеТипов("Строка"));
    Данные.Колонки.Добавить("Количество", Новый ОписаниеТипов("Число",
        Новый КвалификаторыЧисла(9, 0, ДопустимыйЗнак.Неотрицательный)));
    Данные.Колонки.Добавить("Значок", Новый ОписаниеТипов("Картинка"));

    СтрокаТовара = Данные.Добавить();
    СтрокаТовара.Код = "A-01";
    СтрокаТовара.Наименование = "Книга";
    СтрокаТовара.Количество = 3;
    СтрокаТовара = Данные.Добавить();
    СтрокаТовара.Код = "B-02";
    СтрокаТовара.Наименование = "Ручка";
    СтрокаТовара.Количество = 1;
    Данные[0].Значок = СоздатьСвойЗначок("#149650");
    Данные[1].Значок = СоздатьСвойЗначок("#2864dc");

    ЭтаФорма.ЗначениеВРеквизитФормы(Данные, "Товары");
    Таблица = ЭтаФорма.Элементы.Добавить("ТаблицаТоваров", Тип("ТаблицаФормы"));
    Таблица.ПутьКДанным = "Товары";
    Таблица.Заголовок = "Учебные товары";
    Таблица.Шапка = Истина;
    Таблица.АвтоВводНезаполненного = Ложь;
    Таблица.АвтоВводНовойСтроки = Ложь;
    Для Каждого ИмяКолонки Из СтрРазделить("Код,Наименование,Количество", ",") Цикл
        Колонка = Элементы.Добавить("Товары" + ИмяКолонки, Тип("ПолеФормы"), Таблица);
        Колонка.Вид = ВидПоляФормы.ПолеВвода;
        Колонка.ПутьКДанным = "Товары." + ИмяКолонки;
        Колонка.Заголовок = ИмяКолонки;
    КонецЦикла;
    Таблица.КартинкаСтрок = СоздатьСвойЗначок("#d02020");
    Таблица.ПутьКДаннымКартинкиСтроки = "Товары.Значок";
    Сообщить(ТипЗнч(Таблица.КартинкаСтрок) = Тип("Картинка"));
    Сообщить(Таблица.ПутьКДаннымКартинкиСтроки = "Товары.Значок");
    Сообщить(ТипЗнч(Данные[0].Значок) = Тип("Картинка"));
    Сообщить(ТипЗнч(Данные[1].Значок) = Тип("Картинка"));
КонецПроцедуры

Разбор по шагам

1. Создать дополнительный реквизит и колонку Значок с типом Картинка до переноса таблицы в данные формы.

2. Создать зелёный и синий кружки как собственные SVG-байты, положить в две собственные строки. В SVG нет ссылок на внешние файлы или запросов.

3. Назначить также общую красную КартинкаСтрок и указать путь Товары.Значок. При колонке типа Картинка общая картинка по контракту игнорируется.

4. Открыть свою форму и проверить строковые значки. Колонка Значок хранится в данных, отдельного видимого поля этой колонки код не создаёт.

Как проверить результат

1. Четыре проверки дают Истина: картинки имеют правильный тип, путь совпадает с собственным реквизитом.

2. В интерфейсе у книги зелёный круг, у ручки синий, а не один общий красный. Фактическую поддержку SVG и вид значка проверьте в целевом клиенте.

Ожидаемый результат

Настоящий пример данных и интерфейсной привязки картинок строки без файлов на диске и неизвестного исходного объекта.

На что обратить внимание

1. Колонка Картинка делает КартинкаСтрок неиспользуемой для выбора картинки этой строки: красный кружок добавлен, чтобы показать приоритет источника.

2. Для числовой или булевой колонки правила другие: нужен индекс набора картинок. Этот урок не выдаёт одиночную картинку за набор из двух кадров.

3. Абсолютные картинки строки не рекомендуются для больших таблиц. Здесь их две и они маленькие; для рабочего списка нужен отдельный выбор общего набора/ссылок и оценка нагрузки.

Пример не запускался в вашей базе. Перед применением проверьте его в указанном учебном контексте.