Размещение номенклатуры на схеме (HTML+JS)

21.05.13

Разработка - Работа с интерфейсом

Размещение номенклатуры на рисунке в поле HTML с использованием JS.

Скачать файл

ВНИМАНИЕ: Файлы из Базы знаний - это исходный код разработки. Это примеры решения задач, шаблоны, заготовки, "строительные материалы" для учетной системы. Файлы ориентированы на специалистов 1С, которые могут разобраться в коде и оптимизировать программу для запуска в базе данных. Гарантии работоспособности нет. Возврата нет. Технической поддержки нет.

Наименование По подписке [?] Купить один файл
HTML+JS.dt
.dt 56,51Kb
130
130 Скачать (1 SM) Купить за 1 850 руб.

Стояла задача на плане этажей графически показать размещение сетевого оборудования. "И срочно!" Так как средствами 1С "рисовать" проблематично, было принято решение использовать поле HTML документа и JS скрипты. Возможно боян. До универсальности далековато. Где-то будут нелепости. Но результат достигнут! За критику буду благодарен, ибо, одна голова хорошо, а..)))

  1. Загружаем в графическом формате в базу план или схему кабинета, этажа, территории, красивую девушку и .т.д.
  2. Запускаем обработку "Номенклатура на схеме" и выбираем нужную нам схему, нажимаем "Сформировать".
  3. Добавляем номенклатуру в список (при этом в левом верхнем углу в поле HTML она же появится в виде жёлтого квадратика).
  4. Растаскиваем мышкой "Квадратики" по схеме в соответствии с размещением в реальности.
  5. Сохраняем результат (координаты "Квадратиков" хранятся в Регистре сведений "HTML").

Небольшие удобства:

  • - При нажатии на "Квадратик" в списке номенклатуры активизируется элемент, соответствующий "Квадратику".
    - При нажатии на кнопку "Показать на схеме" в списке номенклатуры, нужный элемент на схеме на некоторое время окрашивается в красный цвет.
  • - При наведении на "Квадратик" отображается всплывающая подсказка с наименованием и кодом номенклатуры.

В обработке была использована информация с ресурса http://javascript.ru/ui/draganddrop, за что огромное спасибо автору!

См. также

Работа с интерфейсом Системный администратор Программист Платформа 1С v8.3 Управляемые формы Конфигурации 1cv8 Платные (руб)

Механизм «Динамическое управление доступом к элементам форм объектов 1С8» предназначен для обеспечения возможности оперативного управления видимостью и доступностью элементов форм документов и справочников продуктов фирмы «1С» «1С:Предприятие 8». Решение универсальное, встраивается в любую конфигурацию с минимальными доработками, что позволяет без проблем обновлять типовые решения.

5000 руб.

14.01.2016    55306    17    23    

43

Работа с интерфейсом Рабочее место Платформа 1С v8.3 Управляемые формы Конфигурации 1cv8 Платные (руб)

Богатый редактор картинок 1С предназначен для обработки изображений в режиме «Предприятие», с возможностью РИСОВАТЬ на них. Поддерживается работа как в обычных формах (толстый клиент) так и на управляемых формах (тонкий клиент). Обработка позволяет редактировать как картинки, хранимые в базе, так и графические файлы с диска на файловой системе. Помимо базовых функций (изменение размеров, преобразование формата, обрезание картинки, повороты и т.п.) – редактор имеет богатый набор инструментов для рисования. Доступна функция вставки изображения из буфера обмена. Объект может быть использован: на стороне клиента, на стороне сервера, из внешнего соединения. Обработка будет особенно полезна тем, кто вносит картинки в базу (изображения номенклатуры, фотографии физических лиц и т.п.). Функционал реализуется с использованием JavaScript и бесплатного ПО ImageMagick (без использования внешних компонент).

6000 руб.

16.01.2015    63700    44    59    

82

Работа с интерфейсом Программист Платформа 1С v8.3 Конфигурации 1cv8 1С:ERP Управление предприятием 2 Платные (руб)

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

2400 руб.

29.06.2020    19550    27    6    

42

Работа с интерфейсом Программист Платформа 1С v8.3 Управляемые формы Конфигурации 1cv8 Россия Платные (руб)

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

1500 руб.

06.10.2020    10768    7    7    

11

Работа с интерфейсом Программист Стажер Платформа 1С v8.3 Бесплатно (free)

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

20.08.2024    20833    mrXoxot    44    

128

Работа с интерфейсом Программист Платформа 1С v8.3 Бесплатно (free)

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

27.05.2024    10317    smielka    37    

105

Работа с интерфейсом Платформа 1С v8.3 1С:Бухгалтерия 3.0 1С:Управление торговлей 11 1С:Зарплата и Управление Персоналом 3.x 1С:Управление нашей фирмой 3.0 Бесплатно (free)

Добавьте новогоднего настроения! Расширение создает декорацию в виде гирлянды на некоторых формах объектов.

27.12.2023    17745    1223    elcoan    53    

125
Комментарии
Подписаться на ответы Инфостарт бот Сортировка: Древо развёрнутое
Свернуть все
1. serega3333 22.05.13 12:55 Сейчас в теме
а на толстом клиенте с обычным интерфейсом покатит джава скрипт?
2. MCitrus 77 22.05.13 13:24 Сейчас в теме
Скрипты должны и там работать. Единственно нужно будет переделать управляемую форму на обычную.
3. Virikus 64 22.05.13 14:31 Сейчас в теме
А смена цвета возможна от реквизита в реальном времени?
например кабинет - переговорная, занят (истина-красный, ложь-зеленый) и когда занят меняется другим пользователем, чтобы на форме цвет менялся у текущего пользователя?
4. MCitrus 77 22.05.13 14:44 Сейчас в теме
(3) Virikus, Как вариант ПодключитьОбработчикОжидания с необходимым интервалом. Подключаемая процедура будет заново формировать поле HTML. А в нём, в зависимости от реквизита, можно присваивать BACKGROUND-COLOR элементу нужный цвет.
5. vandalsvq 1592 22.05.13 17:35 Сейчас в теме
А не искал пути как таки на само поле HTML перетаскивать? Понимаю события у 1С нет такого, и когда они сделают неизвестно. Но может каким другим способом. Хотя кажется наверное его нет.
7. MCitrus 77 23.05.13 11:58 Сейчас в теме
(5) vandalsvq, была у меня и такая идея)) Но:
Операции перетаскивания поддерживают следующие элементы управления:
* табличное поле;
* поле табличного документа;
* поле календаря;
* поле картинки.

Поля HTML документа в этом списке нет.
Возможно кто-то и реализовал подобное, но я не встречал.
6. vandalsvq 1592 22.05.13 17:36 Сейчас в теме
8. Yashazz 4801 23.05.13 12:44 Сейчас в теме
Да, да, да. ))) Когда я баловался с html-полем, думалось даже о чём-то вроде PageMaker'a или ишшо какого хтмл-мастера... Полезная штука, уже хотя бы в плане изучения примеров работы.
9. KroVladS 35 24.05.13 09:09 Сейчас в теме
(0)
очень интересное решение надо будет по экспериментировать.
10. ssn1978 71 24.05.13 10:27 Сейчас в теме
Хорошо, очень хорошо!!! Понравилась реализация, автор молодец!
11. Artemuch2 25.05.13 18:57 Сейчас в теме
Добрый день коллеги! А наоборот если когда с браузера данные в 1С попадут. то есть хотелось бы что бы схема была полностью интерактивной.
kataloff; +1 Ответить
12. MCitrus 77 28.05.13 17:00 Сейчас в теме
(11) Artemuch2, не совсем понятно, что Вы хотите сказать.
13. pavel_pss 290 18.06.13 10:13 Сейчас в теме
Интересное решение. Спасибо.
14. bas_nsk 08.02.17 08:57 Сейчас в теме
Хорошая вещица. Вот бы еще реализовать в ней прорисовку многоугольников по заданным координатам вершин.
15. webresurs 229 19.07.17 09:56 Сейчас в теме
(14) В продолжении еще:

-(14)- добавить возможность рисовать объекты на карте, а не только кружечек в квадрате (Простой редактор плана помещения JavaScript)

- добавить вывод остатков этих номенклатур по складу

и получится палинограмма

ждем, ждем ;-)
Светлый ум; +1 Ответить
Оставьте свое сообщение