Визуализация событий на временной шкале средствами "Поле HTML документа"

02.03.20

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

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

Скачать файл

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

Наименование По подписке [?] Купить один файл
Визуализация событий на временной шкале средствами "Поле HTML документа"
.epf 11,41Kb ver:1.0
171
171 Скачать (1 SM) Купить за 1 850 руб.

Перед нами стояла задача наглядно отобразить события происходящие с клиентом в заданном промежутке времени. 

За основу был взят Шаблон и модифицирован под работу с 1С. Объекты выводятся в заголовок события, кликабельные.

Пример отображения:

 

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

Визуализация ПолеHTMLДокумента

См. также

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

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

6000 руб.

16.01.2015    63090    44    59    

82

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

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

2400 руб.

29.06.2020    18956    26    6    

41

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

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

1500 руб.

06.10.2020    10312    7    7    

10

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

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

20.08.2024    17605    mrXoxot    43    

121

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

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

27.05.2024    7904    smielka    37    

100

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

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

27.12.2023    15175    960    elcoan    49    

117

Инструментарий разработчика Работа с интерфейсом Программист Платформа 1С v8.3 Конфигурации 1cv8 Абонемент ($m)

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

2 стартмани

10.04.2023    12012    162    acces969    31    

124
Комментарии
Подписаться на ответы Инфостарт бот Сортировка: Древо развёрнутое
Свернуть все
1. CheBurator 2712 31.07.18 23:16 Сейчас в теме
Исключительно "генеральский" продукт, имхо ;-)
Evgenij1990; user642047_ziborov.roman; Пан; +3 Ответить
2. CaSH_2004 373 01.08.18 01:42 Сейчас в теме
Супер! Осталось придумать куда в более практичное место прикрутить. Если бы еще возмжность перетаскивать событие по шкале времени с обработкой что и куда перетащили - вот тогда можно было бы работать визуально.
4. Plotks2017 273 01.08.18 09:50 Сейчас в теме
(2) Хорошая идея, спасибо. Подучу javascript сделаю.
user642047_ziborov.roman; rpgshnik; +2 Ответить
5. OKopOK 01.08.18 10:04 Сейчас в теме
(2)Согласен, перетаскивание было бы супер.
Кстати, а изменение цвета месяца на красный (к примеру) если задач больше критического нельзя сделать?
6. Plotks2017 273 01.08.18 10:21 Сейчас в теме
(5) Добавить класс
.event1Bubble.SuperRed,
.event2Bubble.SuperRed{
background: rgb(255, 205, 205);
}


И в обработке при построении добавить:
Если ДанныеБабла.Статус = 1 тогда
		Подкласс = "green";	
	ИначеЕсли ДанныеБабла.Статус = 2 тогда                               
		Подкласс = "red";	
	ИначеЕсли ДанныеБабла.Статус = 3 тогда                               
		Подкласс = "SuperRed";	
	КонецЕсли;
OKopOK; Interrupted; +2 Ответить
16. OKopOK 01.08.18 15:00 Сейчас в теме
3. sisdrou 23 01.08.18 09:28 Сейчас в теме
Да .. Это однозначно понадобится, крутая вещь.
7. bearman 9 01.08.18 10:56 Сейчас в теме
Карточка события как-то реагирует на клик?
8. Plotks2017 273 01.08.18 11:31 Сейчас в теме
(7)Да, те ссылки что выводятся кликабельны.
9. rpgshnik 3797 01.08.18 11:35 Сейчас в теме
Как раз на днях просили так реализовать историю статусов документа, спасибо пригодится.
Seaflame; Interrupted; +2 1 Ответить
10. leobrn 633 01.08.18 12:41 Сейчас в теме
можно еще как в исходнике сделано внизу рамки добавить автора документа. Не прикручивали исходной шаблон в его исходном виде?
11. Plotks2017 273 01.08.18 12:43 Сейчас в теме
(10) можно сделать что угодно, эта реализация как пример.
12. Timur.V 80 01.08.18 12:58 Сейчас в теме
На печать можно вывести выбранный интервал?
13. Plotks2017 273 01.08.18 13:05 Сейчас в теме
(12) В каком плане? Печатную форму документа?
Данная обработка не содержит ничего кроме визуализации и способа ее реализовать. Проблемы нет добавить в нее любые кнопки и функции.
14. Timur.V 80 01.08.18 13:14 Сейчас в теме
(13) Распечатать эту красоту на принтере, формат А4.
Это сложно реализовать?

Чтобы можно было встраивать уже готовое решение.
15. Plotks2017 273 01.08.18 13:29 Сейчас в теме
(14) Не задавался таким вопросом. Нужно копать в сторону подобных обработокhttps://infostart.ru/public/298928/

Как пример нашел такое решение:
В шаблон HTML вставить :

<body>
<form>
<input type="button" value="Печать" onclick="window.print();">
</form>
%Реквизиты%
</body>


На принтере печатается, но как-то криво.
17. V1V 112 02.08.18 13:09 Сейчас в теме
Элегантное решение. Для любителей раскрашивать все и вся цветами и картинками однозначно будет бомбой. Плюс.
wowik; akR00b; rpgshnik; +3 Ответить
18. akR00b 24 12.09.18 13:27 Сейчас в теме
Немного бы описания как делали.
19. Plotks2017 273 12.09.18 20:52 Сейчас в теме
(18) Дык, обработка же есть. Исходный код открыт.
20. akR00b 24 13.09.18 08:42 Сейчас в теме
21. leobrn 633 15.09.18 08:03 Сейчас в теме
как бороться с ошибкой в обработке , что вместо линии выводится "Sorry, your browser does not support inline SVG."? В шаблоне на сайте все отображается корректно
22. Plotks2017 273 17.09.18 14:58 Сейчас в теме
Никак, ваш браузер(ie) не поддерживает SVG. Обновите internet explorer.
23. akR00b 24 03.10.18 14:00 Сейчас в теме
чуть изменить и на 8.2 отлично работает.
24. skyboy13 14 09.09.19 10:17 Сейчас в теме
Хорошая идея. Мне подошло
25. Seaflame 02.03.20 10:37 Сейчас в теме
Ошибка лезет: {ВнешняяОбработка.ВизуализацияДанныхНаTimeLine.Форма.Форма.Форма(238)}: Значение не является значением объектного типа (SetForm1C)
ЭтаФорма.Элементы.ВизуализацияTimeLine.Документ.parentWindow.SetForm1C(ЭтаФорма);
26. Seaflame 02.03.20 11:22 Сейчас в теме
(25) Надо использовать defaultView, а не parentWindow
Plotks2017; +1 Ответить
27. Plotks2017 273 02.03.20 11:42 Сейчас в теме
(26) Недавно выяснил, что использование такого подхода, как в обработке, когда в страницу передается форма может приводить к зависанию клиентской части, если форма не была закрыта явно. Для пользователя все выглядит штатно, окно закрывается, а вот процесс остается жить и даже выполняет обработчики ожидания. Принудительно закрыть форму при завершении работы тоже не получится т.к. события ПередЗакрытием перестают работать.
Светлый ум; Seaflame; +2 Ответить
28. dimaster 40 15.10.24 14:32 Сейчас в теме
Оставьте свое сообщение