Как сделать вертикальное меню в 1С: Подробное руководство

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

Процесс реализации такого интерфейса зависит от используемой версии платформы и выбранного стиля оформления, будь то старый"Обычный" интерфейс или современный"Такси". Важно понимать, что под понятием"вертикальное меню" могут скрываться совершенно разные технические решения: от настройки панели разделов до написания кода на встроенном языке. В этой статье мы детально разберем все доступные методы, начиная от простых настроек в конфигураторе и заканчивая программной вёрсткой на форме.

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

Особенности интерфейса Такси и панель разделов

Начиная с платформы версии 8.3, компания 1С внедрила новый стиль интерфейса, получивший название"Такси". В этой версии концепция главного меню претерпела значительные изменения. По умолчанию навигация здесь реализована через панель разделов, которая может располагаться как сверху, так и слева. Именно левое расположение панели разделов чаще всего воспринимается пользователями как вертикальное меню.

Для активации этого режима не требуется писать программный код. Достаточно войти в конфигуратор под пользователем с полными правами и открыть свойства конфигурации. В закладке"Интерфейс" необходимо выбрать стиль"Такси" и установить галочку напротив опции"Панель разделов слева". Это простейшее действие мгновенно трансформирует общий вид приложения, делая навигацию компактной и вертикальной.

Однако стоит учитывать, что панель разделов в Такси имеет свои ограничения по количеству отображаемых элементов. Если ваша конфигурация содержит более 7-8 крупных разделов, интерфейс может стать перегруженным или потребовать прокрутки, что не всегда удобно. В таких случаях разработчики часто прибегают к группировке функций или созданию собственных форм навигации.

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

⚠️ Внимание: Изменение стиля интерфейса на"Такси" может повлиять на отображение старых форм, разработанных для обычного приложения. Некоторые элементы управления могут выглядеть некорректно или требовать доработки свойств совместимости.

Настройка навигации в обычном приложении

В конфигурациях, работающих в режиме обычного приложения или совместимости с предыдущими версиями, структура меню формируется иначе. Здесь вертикальное меню часто реализуется через главную форму программы или специальные формы-панели. Разработчик имеет полный контроль над тем, какие кнопки и ссылки будут отображаться пользователю.

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

Использование Табличного документа или Поля HTML-документа позволяет создать более сложную и красивую навигацию, имитирующую веб-сайты. Вы можете размещать иконки, текст и даже всплывающие подсказки. Однако такой подход требует больше времени на верстку и поддержку, так как при изменении структуры базы данных вам придется вручную обновлять ссылки на форме.

Вам придется самостоятельно проверять права пользователя перед открытием того или иного раздела, чтобы избежать ошибок выполнения.

Программное создание меню на форме

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

Чаще всего для этих целей используется форма типа"Обычная" с размещенной на ней таблицей значений или деревом значений. Элементы дерева имитируют структуру меню: папки становятся группами, а листья — пунктами для перехода. При событии ПриВыборе срабатывает обработчик, который анализирует выбранную строку и выполняет соответствующее действие.

Рассмотрим базовый алгоритм действий. Сначала вы создаете реквизит формы, например, МенюНавигации типа ДеревоЗначений. Затем в модуле формы, в процедуре ПриСозданииНаСервере, вы заполняете это дерево узлами. Каждому узлу присваиваете уникальную ссылку или идентификатор действия.

Для реализации перехода используется следующая логика:

Процедура МенюНавигацииВыбор(Элемент)
Если Элемент.ТекущиеДанные.Действие ="ОткрытьСправочник" Тогда
ОткрытьФорму("Справочник.Номенклатура.Форма.Список");
КонецЕсли;
КонецПроцедуры

Такой подход позволяет легко масштабировать меню, добавляя новые пункты прямо из кода или даже загружая их структуру из информационной базы.

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

Использование панелей команд и кнопок

В управляемых формах платформы 1С 8.x существует мощный инструмент — панель команд. Хотя она чаще используется для горизонтального расположения кнопок над таблицей, её можно адаптировать и под вертикальное меню. Для этого панель команд размещается в левой части формы, а свойство Ориентация устанавливается в значение Вертикально.

Каждая кнопка на такой панели может быть связана с командой модуля формы или общей командой конфигурации. Это позволяет вынести часто используемые действия (создание документа, проведение, печать) в быстрый доступ слева. Визуально это выглядит как аккуратная колонка с иконками и подписями.

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

Если вам нужно создать меню, которое будет одинаковым для всех форм определенного типа, целесообразно использовать механизм Расширений конфигурации или поместить панель команд в общую форму, которая затем вызывается как модальное окно или боковая панель.

Метод реализации	Сложность	Гибкость	Поддержка прав доступа
Панель разделов (Такси)	Низкая	Средняя	Автоматическая
Форма с кнопками (Обычное)	Средняя	Высокая	Ручная
Дерево значений (Код)	Высокая	Максимальная	Ручная/Автоматическая
Панель команд (Вертикальная)	Низкая	Средняя	Автоматическая

⚠️ Внимание: При использовании панели команд в вертикальном режиме убедитесь, что подписи кнопок не обрезаются. Длинные названия команд лучше сокращать или переносить на вторую строку через свойства шрифта.

Работа с HTML-документом для вёрстки

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

Этот метод позволяет использовать сложные эффекты наведения, анимацию раскрытия подменю и кастомные шрифты, недоступные в стандартных элементах 1С. Вы создаете HTML-строку, в которой описываете структуру списка <ul><li>, стилизуете её и присваиваете свойству HTMLТекст элемента формы.

Взаимодействие с таким меню происходит через события браузера. При клике на пункт меню вызывается JavaScript функция, которая, в свою очередь, через механизм внешних обработчиков или URL-протоколов передает управление обратно в 1С. Например, можно использовать конструкцию window.location ='v8:ОткрытьФорму..'.

Несмотря на красоту, у этого подхода есть существенный минус — сложность отладки и зависимость от встроенного браузера клиента. В разных операционных системах (Windows, Linux, macOS) рендеринг HTML может отличаться, что приведет к"поехавшей" верстке у части пользователей.

Использование HTML-документа оправдано только в тех случаях, когда требования к дизайну интерфейса являются приоритетными и стандартные средства 1С (не могут удовлетворить) запросы заказчика.

Пример кода для HTML меню

В простейшем случае HTML-код меню выглядит так: <ul><li onclick="alert('Click')">Пункт 1</li><li>Пункт 2</li></ul>. Для полноценной работы необходимо подключить скрипт обработки кликов.

Частые ошибки и рекомендации по оптимизации

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

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

Еще одна ошибка — игнорирование масштабируемости. Меню, которое отлично выглядит на мониторе с разрешением 1920×1080, может стать абсолютно нефункциональным на ноутбуке с маленьким экраном. Всегда проверяйте, как ваше вертикальное меню ведет себя при изменении размеров окна клиента 1С.

Не забывайте про юзабилити. Вертикальное меню не должно занимать более 20-25% ширины экрана. Если пунктов слишком много, реализуйте механизм поиска по меню или сворачиваемые группы. Пользователь не должен тратить время на прокрутку длинного списка в поисках нужной кнопки.

⚠️ Внимание: Интерфейс платформы 1С:Предприятие регулярно обновляется. Функционал, описанный в данной статье, актуален для версий 8.3.хх. В будущих релизах свойства элементов управления или способы вызова форм могут быть изменены разработчиком платформы.

Вопросы и ответы (FAQ)

Можно ли сделать вертикальное меню в веб-клиенте 1С?

Да, все описанные методы, включая панель разделов Такси и программное создание форм, полностью поддерживаются в веб-клиенте. Однако использование HTML-документов может требовать дополнительной настройки безопасности браузера и сервера.

Как скрыть пункт меню для конкретного пользователя?

В режиме Такси это регулируется правами доступа к объектам метаданных. В программном меню (на форме) необходимо в обработчике события ПриСозданииНаСервере проверять права пользователя и устанавливать свойство Видимость элемента в Ложь.

Влияет ли вертикальное меню на скорость работы базы?

Само по себе наличие меню не влияет на скорость. Влияние оказывает только способ его заполнения. Если при каждом открытии формы выполняются тяжелые запросы к базе для построения дерева меню, производительность снизится. Оптимизируйте запросы и используйте кэширование.

Можно ли использовать иконки из интернета в меню 1С?

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

Как добавить разделитель между группами кнопок в вертикальном меню?

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