Визуализация событий на временной шкале средствами "Поле 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Документа

+245 –1

См. также

Богатый редактор картинок 1С, хранимых в базе, с возможностью РИСОВАНИЯ. Редактор внешних файлов картинок. Объект, расширяющий возможности работы с картинками из встроенного языка (Три в одном) + Обработка «Стандартизация картинок»

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

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

6000 руб.

16.01.2015 62985 44 59

Управление дашбордами

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

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

2400 руб.

29.06.2020 18853 26 6

Настройки управляемых форм (списков, объектов), заполнение реквизитов по условиям, контроль заполнения, доступ [Расширение]

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

Настройки упр.форм (списков, объектов), заполнение реквизитов по условиям, контроль заполнения, условное оформление, доступ.

2000 руб.

20.02.2018 20584 24 21

Редактор графов в 1С

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

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

1500 руб.

06.10.2020 10224 7 7

Гайд для создания форм на 1С

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

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

20.08.2024 16795 mrXoxot 43

121

Прогресс-бар в поле динамического списка

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

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

27.05.2024 7349 smielka 37

100

Новогоднее оформление для 1С

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

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

27.12.2023 14787 913 elcoan 47

117

Конструктор HTML, CSS и javascript

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

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

2 стартмани

10.04.2023 11913 162 acces969 31

124

Комментарии

Подписаться на ответы Инфостарт бот

Свернуть все

1. CheBurator 2712 31.07.18 23:16 Сейчас в теме

Исключительно "генеральский" продукт, имхо ;-)

2. CaSH_2004 373 01.08.18 01:42 Сейчас в теме

Супер! Осталось придумать куда в более практичное место прикрутить. Если бы еще возмжность перетаскивать событие по шкале времени с обработкой что и куда перетащили - вот тогда можно было бы работать визуально.

4. Plotks2017 273 01.08.18 09:50 Сейчас в теме

(2) Хорошая идея, спасибо. Подучу javascript сделаю.

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";	
	КонецЕсли;

16. OKopOK 01.08.18 15:00 Сейчас в теме

(6) Спасибо, помогло (с)

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 3795 01.08.18 11:35 Сейчас в теме

Как раз на днях просили так реализовать историю статусов документа, спасибо пригодится.

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 Сейчас в теме

Элегантное решение. Для любителей раскрашивать все и вся цветами и картинками однозначно будет бомбой. Плюс.

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 Сейчас в теме

(19) no money no honey

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

27. Plotks2017 273 02.03.20 11:42 Сейчас в теме

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