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

Настраиваем собственную таблицу для узкого экрана: карточки, максимум три строки и перенос элементов при сжатии.

Подготовка

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

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

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

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

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

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

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

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

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

    СтрокаТовара = Данные.Добавить();
    СтрокаТовара.Код = "A-01";
    СтрокаТовара.Наименование = "Книга";
    СтрокаТовара.Количество = 3;
    СтрокаТовара = Данные.Добавить();
    СтрокаТовара.Код = "B-02";
    СтрокаТовара.Наименование = "Ручка";
    СтрокаТовара.Количество = 1;

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

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

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

2. Выбрать Карточки и выключить автоматический максимум до установки собственного ограничения 3.

3. Задать перенос карточки в прокручиваемые страницы по вертикали и перенос по важности по горизонтали.

4. Указать важность самой таблицы. Проверить свойства и затем вручную сузить мобильный экран или изменить ориентацию устройства.

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

1. Шесть булевых проверок дают Истина. Данные по-прежнему Книга / 3 и Ручка / 1.

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

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

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

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

1. МаксимальнаяВысотаКарточки задаётся в строках карточки, не пикселях и не мм. Значение 0 означает отсутствие ограничения.

2. При АвтоМаксимальнаяВысотаКарточки = Истина платформа использует автоматический максимум 4; своё ограничение работает при Ложь.

3. Скрытие или перенос элемента по важности не удаляет данные и не меняет количество товара. Важность таблицы и важность отдельных её полей — разные настройки.

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