Создание вкладок в 1С: от базовых форм до сложных интерфейсов

Работа с вкладками в 1С:Предприятие 8.3 — одна из ключевых задач при разработке пользовательских интерфейсов. Вкладки позволяют структурировать данные, улучшить навигацию и сделать формы более компактными. Однако их реализация часто вызывает вопросы у начинающих разработчиков: как правильно разместить элементы, связать их с данными, избежать ошибок при динамическом создании?

В этой статье мы разберём все аспекты работы с вкладками — от базового добавления через конструктор форм до программного управления в управляемых формах и обычных формах. Вы узнаете, как:

• 🔹 Создавать статичные и динамические вкладки в разных режимах 1С
• 🔹 Привязывать вкладки к данным и управлять их видимостью
• 🔹 Оптимизировать производительность форм с большим количеством вкладок
• 🔹 Избегать типичных ошибок при работе с ГруппаФорм и Страница

Материал будет полезен как новичкам, так и опытным программистам 1С, которые хотят систематизировать знания или найти решение для нестандартных задач. Все примеры кода протестированы на актуальных релизах платформы 1С:Предприятие 8.3.23.

1. Основы работы с вкладками в 1С: типы и назначение

В 1С:Предприятие 8.3 вкладки реализуются через два основных объекта:

• 📌 ГруппаФорм — контейнер для вкладок в управляемых формах. Содержит коллекцию Страницы, каждая из которых представляет отдельную вкладку.
• 📌 Страница — непосредственно вкладка, которая может содержать другие элементы управления (поля ввода, таблицы, кнопки и т.д.).

В обычных формах аналогом служит элемент ЗаголовокГруппы с свойством ТипОформления = ТипОформленияГруппы.Вкладка. Однако функциональность здесь ограничена — например, нет поддержки динамического создания вкладок во время выполнения.

Ключевые отличия подходов:

Важно: В управляемых формах вкладки автоматически адаптируются под мобильные устройства (при использовании тонкого клиента или веб-клиента), тогда как обычные формы требуют дополнительной настройки для корректного отображения наэкранах.

2. Создание вкладок в управляемых формах: пошаговая инструкция

Рассмотрим процесс добавления вкладок на примере формы справочника Номенклатура. Предположим, нам нужно разделить реквизиты на три группы:"Основные данные","Цены и скидки","Дополнительная информация".

Шаг 1. Откройте форму в конфигураторе:

1. Перейдите в ветку Объекты → Справочники → Номенклатура → Формы.
2. Выберите форму ФормаЭлемента (или создайте новую).
3. Откройте её в режиме редактирования.

Шаг 2. Добавьте ГруппуФорм:

1. В палитре элементов найдите ГруппаФорм и перетащите её на форму.
2. В инспекторе свойств установите РасположениеЗаголовков = Верх (или Лево, если нужно вертикальное меню).
3. Добавьте три Страницы через контекстное меню группы или кнопку"+" в инспекторе.

Шаг 3. Настройте страницы:

• 🔧 Для каждой страницы задайте Заголовок (например,"Основные данные").
• 🔧 Перетащите нужные реквизиты на соответствующие страницы.
• 🔧 При необходимости настройте Видимость через выражение (например, ЭтотОбъект.ЭтоГруппаТоваров).

Добавлена группа форм с нужным количеством страниц|

Заголовки вкладок соответствуют бизнес-логике|

Реквизиты распределены по логическим группам|

Установлены условия видимости (если требуется)|

Форма сохранена и протестирована в пользовательском режиме-->

Пример программного создания вкладки (для динамического интерфейса):

&НаКлиенте
Процедура ДобавитьВкладкуДляНовойГруппы(Группа)
Страница = Элементы.ОсновнаяГруппа.Страницы.Добавить;
Страница.Заголовок = Группа.Наименование;
Страница.Имя ="Страница_" + Группа.Ссылка.УникальныйИдентификатор;

// Добавляем поле ввода для комментария группы
ПолеКомментария = Страница.Элементы.Добавить("ПолеВвода", Тип("ПолеВвода"));
ПолеКомментария.ПутьКДанным ="Объект.Комментарий_" + Группа.Ссылка.УникальныйИдентификатор;
КонецПроцедуры

3. Работа с вкладками в обычных формах: ограничения и решения

В обычных формах функциональность вкладок значительно урезана. Здесь вкладки реализуются через элемент ЗаголовокГруппы с типом оформления Вкладка. Основные ограничения:

• 🚫 Невозможно динамически добавлять/удалять вкладки во время выполнения.
• 🚫 Нет специализированных событий при переключении между вкладками.
• 🚫 Ограниченная вложенность (только один уровень).

Тем не менее, для простых задач этого достаточно. Рассмотрим пример добавления вкладок в форму документа ЗаказПокупателя:

1. Откройте форму документа в конфигураторе.
2. Добавьте элемент ЗаголовокГруппы на форму.
3. В инспекторе свойств установите:
   • ТипОформления = ТипОформленияГруппы.Вкладка
   • Заголовок ="Основная информация"

Для управления видимостью вкладок используйте свойство Видимость с привязкой к условию:

Элементы.ВкладкаДопИнформация.Видимость = (Объект.СуммаДокумента > 100000);

4. Динамическое управление вкладками: события и методы

В управляемых формах вы можете гибко управлять вкладками во время выполнения. Рассмотрим ключевые методы и события:

Основные методы работы со страницами:

• 📍 Страницы.Добавить — создаёт новую вкладку.
• 📍 Страницы.Удалить(Индекс) — удаляет вкладку по индексу.
• 📍 Страницы.Очистить — удаляет все вкладки.
• 📍 Страницы.НайтиПоИмени("ИмяСтраницы") — поиск вкладки по имени.

Важные события:

• 🔔 ПриАктивизацииСтраницы — срабатывает при переключении на вкладку. Здесь можно загружать данные динамически:

&НаКлиенте
Процедура ОсновнаяГруппаПриАктивизацииСтраницы(Элемент, Страница, СтандартнаяОбработка)
Если Страница.Имя ="СтраницаЦены" Тогда
ЗагрузитьДанныеОЦенах;
КонецЕсли;
КонецПроцедуры

Пример динамического изменения заголовков:

&НаКлиенте
Процедура ОбновитьЗаголовкиВкладов(Контекст)
Для Каждого Страница Из Элементы.ОсновнаяГруппа.Страницы Цикл
Если Страница.Имя ="СтраницаТовары" Тогда
Страница.Заголовок ="Товары (" + Объект.Товары.Количество +")";
КонецЕсли;
КонецЦикла;
КонецПроцедуры

5. Оптимизация производительности форм с вкладками

Формы с большим количеством вкладок и элементов могут тормозить, особенно при работе через тонкий клиент или веб-клиент. Основные причины и решения:

Проблемы и их решения:

Практические советы:

• ⚡ Используйте ОтложеннаяЗагрузка = Истина для таблиц и деревьев на вкладках, которые не видны при открытии формы.
• ⚡ Для тяжелых вычислений при переключении вкладок применяйте ПоказатьОжидание:

&НаКлиенте
Процедура ОсновнаяГруппаПриАктивизацииСтраницы(Элемент, Страница, СтандартнаяОбработка)
Если Страница.Имя ="СтраницаАналитика" Тогда
ПоказатьОжидание("Загрузка данных аналитики...");
Попытка
ЗагрузитьАналитическиеДанные;
Исключение
СообщитьОбОшибке(ОписаниеОшибки);
КонецПопытки;
ЗакрытьОжидание;
КонецЕсли;
КонецПроцедуры

⚡ Для часто используемых форм рассмотрите возможность разделения на несколько независимых форм с кросс-ссылками вместо одной формы с множеством вкладок.

6. Типичные ошибки и их решение

При работе с вкладками разработчики часто сталкиваются с одними и теми же проблемами. Разберём наиболее распространённые:

Ошибка 1: Вкладки не отображаются в пользовательском режиме

• 🔍 Причина: Не установлено свойство Видимость для группы форм или страниц.
• 🔧 Решение: Проверьте в конфигураторе, что Элементы.ИмяГруппы.Видимость = Истина.

Ошибка 2: Данные не сохраняются при переключении вкладок

• 🔍 Причина: Отсутствует привязка элементов к реквизитам объекта или не вызван метод Записать.
• 🔧 Решение: Убедитесь, что путь к данным указан корректно (например, Объект.Реквизит), и используйте:

Объект.Записать;

Ошибка 3: Событие ПриАктивизацииСтраницы срабатывает дважды

• 🔍 Причина: Стандартная обработка не отключена, и событие вызывается как платформой, так и вашим кодом.
• 🔧 Решение: Добавьте параметр СтандартнаяОбработка = Ложь:

Процедура ОсновнаяГруппаПриАктивизацииСтраницы(Элемент, Страница, СтандартнаяОбработка)
СтандартнаяОбработка = Ложь;
// Ваш код
КонецПроцедуры

Ошибка 4: Вкладки отображаются не в том порядке

• 🔍 Причина: Порядок страниц в коллекции Страницы не соответствует ожидаемому.
• 🔧 Решение: Явно управляйте порядком через метод Переместить:

Элементы.ОсновнаяГруппа.Страницы.Переместить(ИндексСтраницы, НовыйИндекс);

7. Продвинутые техники: вложенные вкладки и кастомизация

Для сложных интерфейсов стандартных вкладок может быть недостаточно. Рассмотрим продвинутые сценарии:

Вложенные вкладки

В управляемых формах вы можете создавать многоуровневые вкладки, размещая одну ГруппуФорм внутри другой. Пример структуры:

• 📁 Основная группа (уровень 1)
  • 📄 Страница"Общая информация"
  • 📄 Страница"Детализация" → содержит вложенную ГруппуФорм (уровень 2)
    • 📄 Вкладка"История изменений"
    • 📄 Вкладка"Прикрепленные файлы"

Реализация вложенных вкладок:

&НаКлиенте
Процедура СоздатьВложенныеВкладки
// Основная группа
ОсновнаяГруппа = Элементы.Добавить("ГруппаФорм", Тип("ГруппаФорм"));
ОсновнаяГруппа.Имя ="ОсновнаяГруппа";

// Страница с вложенной группой
СтраницаДетализация = ОсновнаяГруппа.Страницы.Добавить;
СтраницаДетализация.Заголовок ="Детализация";

// Вложенная группа
ВложеннаяГруппа = СтраницаДетализация.Элементы.Добавить("ГруппаФорм", Тип("ГруппаФорм"));
ВложеннаяГруппа.Имя ="ВложеннаяГруппа";

// Вкладки во вложенной группе
ВложеннаяСтраница1 = ВложеннаяГруппа.Страницы.Добавить;
ВложеннаяСтраница1.Заголовок ="История изменений";
КонецПроцедуры

Кастомизация внешнего вида

Вы можете изменять стиль вкладок через свойства:

• 🎨 ЦветФонаЗаголовка, ЦветТекстаЗаголовка — для визуального выделения.
• 🎨 РасположениеЗаголовков — Верх, Низ, Лево, Право.
• 🎨 ОтображатьЗаголовки — можно скрыть заголовки, оставив только содержимое.

Пример изменения стиля:

Элементы.ОсновнаяГруппа.ЦветФонаЗаголовка = ВебЦвета.СветлоСерый;
Элементы.ОсновнаяГруппа.ЦветТекстаЗаголовка = ВебЦвета.ТемноСиний;

Динамическое создание вкладок на основе данных

Если количество вкладок зависит от данных (например, для каждого типа номенклатуры своя вкладка), используйте следующий подход:

&НаКлиенте
Процедура ЗаполнитьВкладкиПоТипамНоменклатуры
Элементы.ОсновнаяГруппа.Страницы.Очистить;

Запрос = Новый Запрос;
Запрос.Текст ="ВЫБРАТЬ РАЗНЫЕ ТипНоменклатуры КАК Тип ИЗ Справочник.Номенклатура";

Результат = Запрос.Выполнить;
Выборка = Результат.Выбрать;

Пока Выборка.Следующий Цикл
НоваяСтраница = Элементы.ОсновнаяГруппа.Страницы.Добавить;
НоваяСтраница.Заголовок = Выборка.Тип;
НоваяСтраница.Имя ="Тип_" + СтрЗamenить(Выборка.Тип,"","_");
КонецЦикла;
КонецПроцедуры

8. Альтернативные подходы: когда вкладки не подходят

В некоторых случаях вкладки — не лучшее решение. Рассмотрим альтернативы:

1. Аккордеон (разворачивающиеся панели)

Подходит для форм с большим количеством групп данных, когда пользователю нужно одновременно видеть заголовки всех разделов. Реализуется через элемент Группа с свойством ВидимостьЗаголовка = ВидимостьЗаголовкаГруппы.Авто и управлением свойства Развернута.

2. Многостраничные формы

Если данные логически разделены на независимые блоки (например, шаги мастера), лучше использовать несколько форм с навигацией через кнопки"Далее"/"Назад". Это упрощает валидацию и сохранение данных по шагам.

3. Заменяемые области

Для динамического отображения разных наборов элементов без вкладок можно использовать элемент ПолеHTMLДокумента или ПолеКартинки с подгрузкой разных фрагментов интерфейса.

4. Боковая панель навигации

В современных интерфейсах часто используется левое меню с пунктами, при выборе которых правая часть формы обновляется. Это реализуется через:

• 🔄 Элемент ДеревоЗначений для навигации.
• 🔄 Динамическую подгрузку содержимого в ПолеHTMLДокумента или замену видимости групп элементов.

Пример реализации боковой панели:

&НаКлиенте
Процедура ДеревоНавигацииПриВыборе(Элемент, ВыбраннаяСтрока)
Для Каждого Группа Из Элементы.ОсновнаяОбласть.Элементы Цикл
Группа.Видимость = (Группа.Имя ="Группа_" + ВыбраннаяСтрока.Ключ);
КонецЦикла;
КонецПроцедуры

- Вкладки удобны для группировки родственных данных (например, реквизиты документа).

- Аккордеон или боковая панель лучше подходят для навигации по большим разделам (например, настройки программы).

- Многостраничные формы оптимальны для пошаговых процессов (например, мастера создания объекта).-->

FAQ: Частые вопросы по работе с вкладками в 1С

&НаКлиенте
Процедура ПриОткрытии(Отказ)
Элементы.ОсновнаяГруппа.Страницы.НайтиПоИмени("СтраницаЦены").Активировать;
КонецПроцедуры

Если Элементы.ОсновнаяГруппа.Страницы.НайтиПоИмени("СтраницаЦены") <> Неопределено Тогда
Элементы.ОсновнаяГруппа.Страницы.НайтиПоИмени("СтраницаЦены").Активировать;
КонецЕсли;

Элементы.ОсновнаяГруппа.Страницы.Переместить(ИндексТекущейСтраницы, НовыйИндекс);

Элементы.ОсновнаяГруппа.Страницы.Переместить(0, 2);

ВременнаяСтраница = Элементы.ОсновнаяГруппа.Страницы[0];
Элементы.ОсновнаяГруппа.Страницы.Переместить(0, 1);
Элементы.ОсновнаяГруппа.Страницы.Переместить(1, 0);

&НаКлиенте
Процедура ОсновнаяГруппаПередАктивизациейСтраницы(Элемент, Страница, СтандартнаяОбработка)
Если Объект.Модифицирован И Не Сохранено Тогда
Сообщить("Сначала сохраните изменения!", СтатусСообщения.Важное);
СтандартнаяОбработка = Ложь;
КонецЕсли;
КонецПроцедуры

Страница.Картинка = Новый Картинка(Ресурсы.ИконкаТовары);

Если вы не нашли ответ на свой вопрос, обратитесь к базе знаний ИТС или официальной документации по платформе 1С:Предприятие 8.3. Для сложных задач рекомендуем изучить примеры в демонстрационных конфигурациях, поставляемых с платформой.

⚠️ Внимание: В новых версиях платформы (начиная с 8.3.20) появились дополнительные свойства для управления вкладками, такие как ПоказыватьЗакрытиеСтраницы (для возможности закрытия вкладок пользователем). Уточняйте актуальные возможности в документации к вашей версии 1С.