Создание левого меню в 1С: 5 рабочих способов с примерами кода

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

В этой статье мы разберём 5 способов создания левого меню — от простейших настроек управляемых форм до сложных программных решений с использованием 1С:EnterpriseScript и 1С:Query. Вы узнаете, как встроить меню в 1С 8.3 (включая последние версии платформы), избежать типичных ошибок при верстке, и почему иногда лучше использовать внешние компоненты вместо штатных средств. Материал будет полезен и начинающим разработчикам, и опытным программистам, которые хотят оптимизировать UX в своих решениях.

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

1. Способ 1: Использование управляемой формы с панелью навигации

Самый простой и быстрый способ добавить левое меню — воспользоваться стандартной панелью навигации в управляемых формах. Этот метод не требует программирования и подходит для большинства типовых конфигураций (1С:Бухгалтерия, 1С:ЗУП, 1С:УТ). Однако у него есть ограничения: меню будет статичным, и его нельзя динамически изменять без доработок.

Чтобы создать такое меню:

• 📌 Откройте конфигуратор и перейдите в раздел Объекты → Управляемые формы.
• 🔧 Выберите форму, к которой хотите добавить меню (например, главную форму справочника или документа).
• 🎨 В режиме редактирования формы добавьте элемент ПанельНавигации из палитры элементов.
• 🔄 Настройте свойства панели: укажите ИсточникДанных (например, справочник или перечисление с пунктами меню) и Отображение (вертикальное).
• 🖼️ При необходимости добавьте иконки для пунктов меню через свойство Картинка.

Главный плюс этого метода — скорость реализации. Минус: меню будет одинаковым для всех пользователей, и его нельзя гибко настраивать под роли. Если вам нужно динамическое меню, читайте дальше.

Добавить элемент "ПанельНавигации" на форму|Указать источник данных (справочник/перечисление)|Настроить вертикальное отображение|Добавить иконки для пунктов (опционально)|Проверить отображение в пользовательском режиме-->

2. Способ 2: Программное создание меню через код (1С:EnterpriseScript)

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

Пример кода для создания левого меню в обработчике события ПриСозданииНаСервере:

&НаСервере
Процедура ПриСозданииНаСервере(Отказ, СтандартнаяОбработка)
// Создаём панель меню
Элементы.ЛевоеМеню = ЭлементыФормы.Добавить("ПолеHTMLДокумента", Тип("ПолеHTMLДокумента"));
Элементы.ЛевоеМеню.Имя = "ЛевоеМеню";
Элементы.ЛевоеМеню.Ширина = 200;
Элементы.ЛевоеМеню.HTML = ПолучитьHTMLМеню();

// Формируем HTML-код меню
Функция ПолучитьHTMLМеню()
HTML = "<div style='width:100%; height:100%; background:#f0f0f0; padding:10px;'>";
HTML = HTML + "<ul style='list-style:none; padding:0; margin:0;'>";

// Добавляем пункты меню в зависимости от прав
Если Пользователь.Имя = "Администратор" Тогда
HTML = HTML + "<li style='padding:5px; border-bottom:1px solid #ccc;'><a href='#' onclick='ОткрытьФорму(""Справочник.Номенклатура"")'>Номенклатура</a></li>";
КонецЕсли;

HTML = HTML + "<li style='padding:5px;'><a href='#' onclick='ОткрытьФорму(""Документ.ЗаказКлиента"")'>Заказы</a></li>";
HTML = HTML + "</ul></div>";

Возврат HTML;
КонецФункции
КонецПроцедуры

Этот код создаёт HTML-панель с меню, которая может обрабатывать клики через JavaScript. Для взаимодействия с 1С используйте метод ВнешняяОбработкаСобытий.

⚠️ Внимание: При использовании HTML-меню убедитесь, что в настройках информационной базы разрешено выполнение небезопасных действий (параметр БезопасныйРежимРаботыСФайлами). В противном случае HTML-код не будет отображаться.

Стандартная панель навигации|Программный код (1С:EnterpriseScript)|Внешние компоненты|Другое-->

3. Способ 3: Использование внешних компонент (OneScript, WebKit)

Если стандартные средства 1С вас не устраивают, можно подключить внешние компоненты, такие как OneScript или WebKit. Это позволит создать меню с анимацией, вложенными пунктами и другими современными элементами интерфейса. Например, с помощью WebKit можно встроить меню на основе Bootstrap или jQuery UI.

Для подключения внешней компоненты:

1. Скачайте библиотеку (например, WebKit1C.dll) и поместите её в каталог с информационной базой.
2. В конфигураторе перейдите в Администрирование → Внешние компоненты и добавьте новую компоненту.
3. В коде формы инициализируйте компоненту и загрузите HTML/CSS/JavaScript для меню.

Пример подключения WebKit:

&НаКлиенте
Процедура ПриОткрытии(Отказ)
Попытка
ВнешняяКомпонента = Новый COMОбъект("WebKit.WebKitCtrl.1");
Элементы.ЛевоеМеню.Управление = ВнешняяКомпонента;
ВнешняяКомпонента.Navigate("file://C:/Menu/menu.html");
Исключение
Сообщить("Ошибка загрузки компоненты: " + ОписаниеОшибки());
КонецПопытки;
КонецПроцедуры

Преимущество этого метода — неограниченные возможности кастомизации. Недостаток: требуется установка дополнительных библиотек на каждом рабочем месте, что может быть проблемой в крупных компаниях.

4. Способ 4: Меню через расширения конфигурации (без изменения типовой)

Если вы работаете с типовой конфигурацией (1С:Бухгалтерия 3.0, 1С:ERP) и не хотите снимать её с поддержки, можно создать левое меню через расширение конфигурации. Этот метод позволяет добавить меню без изменения оригинальных объектов, что упрощает обновление базы.

Алгоритм действий:

• 🔧 Создайте новое расширение в конфигураторе (Конфигурация → Расширения → Добавить).
• 📝 В расширении добавьте новую управляемую форму с панелью навигации или HTML-меню.
• 🔗 Подключите форму к основной конфигурации через точки расширения (например, к главной форме справочника).
• 🔄 Настройте отображение меню только для нужных ролей.

Пример точки расширения для добавления меню к форме справочника Номенклатура:

&НаКлиенте
Процедура ДобавитьМеню(ЭлементыФормы)
ЭлементыФормы.Вставить("ЛевоеМеню", Тип("ПолеHTMLДокумента"));
ЭлементыФормы.ЛевоеМеню.Ширина = 200;
ЭлементыФормы.ЛевоеМеню.HTML = "<div>Мое меню</div>";
КонецПроцедуры

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

5. Способ 5: Меню на основе командного интерфейса

Ещё один способ — использовать командный интерфейс 1С. Этот метод подходит для создания меню, которое будет доступно во всех формах конфигурации. Например, можно добавить команды в главное меню программы или создать отдельную панель инструментов.

Чтобы добавить левое меню через командный интерфейс:

1. В конфигураторе откройте Общие → КомандныйИнтерфейс.
2. Создайте новую команду (например, ОткрытьСправочникНоменклатура).
3. Настройте действие команды (например, открытие формы справочника).
4. Добавьте команду в панель действий или создайте новую панель.
5. В свойствах панели укажите Расположение = Слева.

Преимущество этого метода — централизованное управление меню. Недостаток: ограниченные возможности кастомизации внешнего вида.

6. Типичные ошибки и как их избежать

При создании левого меню в 1С разработчики часто сталкиваются с одними и теми же проблемами. Вот самые распространённые ошибки и способы их решения:

• 🚫 Меню не отображается в тонком клиенте.
  Причина: Использование внешних компонент или несовместимого HTML/JavaScript.
  Решение: Проверьте, что код работает в Управляемом приложении, или используйте стандартные элементы 1С.
• 🚫 Меню тормозит при большом количестве пунктов.
  Причина: Неоптимизированный код или тяжелые запросы к базе.
  Решение: Кэшируйте данные меню или используйте ОтложеннаяЗагрузка.
• 🚫 Пункты меню не обновляются при смене ролей.
  Причина: Статическое формирование меню без проверки прав.
  Решение: Пересчитывайте меню при каждом открытии формы или используйте событие ПриИзмененииПользователя.
• 🚫 Меню съезжает при изменении размера окна.
  Причина: Неправильные настройки ширины или привязки элементов.
  Решение: Используйте проценты вместо фиксированных значений или настройте МинимальнаяШирина.

Ещё одна частая проблема — конфликт с типовой функциональностью. Например, в 1С:ERP левое меню может перекрывать стандартные панели. В этом случае рекомендуется:

• 🔹 Использовать ЗонаПозиционирования для корректного размещения.
• 🔹 Проверять видимость меню через свойство Видимость в зависимости от текущей формы.

7. Оптимизация меню для пользователей: UX-советы

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

• 🎯 Группируйте пункты по бизнес-процессам.
  Например, объедините все операции с номенклатурой в один раздел, а с клиентами — в другой.
• 🔍 Используйте иконки и подсказки.
  Визуальные элементы ускоряют поиск нужного пункта. В 1С можно подключить иконки через Общие → Картинки.
• 📱 Тестируйте на разных разрешениях.
  Левое меню должно нормально отображаться и на широких мониторах, и на ноутбуках. Используйте АдаптивныйДизайн.
• 🔄 Добавьте возможность сворачивания.
  Пользователи должны иметь возможность скрыть меню, если оно мешает. Реализуйте это через кнопку или горячие клавиши.

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

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

&НаКлиенте
Процедура ЛевоеМенюНажатие(Элемент, Данные)
ЗаписьЛога = РегистрыСведений.ЛогИспользованияМеню.СоздатьМенеджерЗаписи();
ЗаписьЛога.Пользователь = ПользовательИнформационнойБазы.ТекущийПользователь();
ЗаписьЛога.ПунктМеню = Данные.Имя;
ЗаписьЛога.ДатаВремя = ТекущаяДата();
ЗаписьЛога.Записать();
КонецПроцедуры

FAQ: Частые вопросы по левому меню в 1С

HTML = HTML + "<li><a href='#'>Справочники</a><ul style='display:none;'><li>Номенклатура</li><li>Контрагенты</li></ul></li>";

Если Пользователь.Роли.Найти("Администратор") <> Неопределено Тогда
// Добавляем пункты для админа
КонецЕсли;