HTML в новой версии 8.3.14 на примере 3-х JavaScript библиотек: AmCharts, HighCharts, DHTMLX

Публикация № 991938 29.01.19

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

HTML HTML5 javasript chart диаграмма диаграмма Ганта

Тестируем возможности HTML в новой версии 8.3.14 платформы на примере 3-х JavaScript библиотек: AmCharts, HighCharts, DHTMLX.

На момент написания статьи 14-я платформа доступна только в тестовой версии, все тесты я проводил на версии 8.3.14.1494, в файловом режиме работы.

Итак, в новой версии платформы разработчики отказались наконец от использования Microsoft Internet Explorer в поле HTML-документа. Далее выдержка из описания изменений:

 

Клиентские приложения, работающие под управление ОС Windows, для работы со справочной системой,
синтакс-помощником, а также с полем HTML-документа, планировщиком, форматированным документом 
и редактором HTML-документа используют библиотеку WebKit. Microsoft Internet Explorer для данных 
целей больше не используется.
Библиотека поставляется вместе с платформой и не требует дополнительной установки.
Типом значения свойства ПолеHTMLДокумента.Документ стал ВнешнийОбъект. Изменилась DOM-модель, 
которая доступна при обращении к данному свойству.
Рекомендуется провести анализ использования элемента формы ПолеHTMLДокумента и исправить 
реализацию в том случае, если реализация использовала возможности, которые специфичны только 
для Microsoft Internet Explorer.

Вместо IE теперь используется какой-то вебкит, больше ничего полезного на первый взгляд. Но существует гораздо более информативная и подробная статья, что же собственно произошло с HTML в 1С, рекомендую ознакомиться https://habr.com/ru/company/1c/blog/425713/. Если вкратце, ребята описывают муки выбора браузерного движка для замены IE и почему вообще возникла такая проблема. В конце статьи они отговаривают использовать HTML для реализации бизнес логики, но нас такими пустяками не испугать. Итак, приступим к тестированию возможностей чартинга

AmCharts

https://www.amcharts.com/

Библиотека от литовских разработчиков

Лицензия: Proprietary. Можно использовать бесплатно, но в углу чартов будет маленькое лого. От него можно избавиться, заплатив денежку.

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

 

Bubble Chart

Кликом можно отключать видимость серий


 

Chord Diagram

Анимация летающих шариков работает как надо, смотрится завораживающе


 

Layered Column Chart

Масштабирование выделением области мышкой работает

 

Variable-height 3D Pie Chart

Здесь почему-то сектора не прорисованы до конца, в то время как в оригинале они выглядят объемными.

оригинал:


 

Funnel with Gradient Fill

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

оригинал:


 

Polar Area Chart

Масштабирование выделением области мышкой работает


 

Selecting Multiple Areas Map

Множественный выбор стран работает, выглядит круто. Масштабирование колесиком мыши работает.


 

GANTT Chart With Dates

Это не совсем полноценная диаграмма Ганта, так как не хватает связей, но доступность ресурсов отобразить можно.


 

Роли и пользователи в Treemap

Демонстрация работы с данными 1C на примере вывода ролей в диаграмму Tree Map, ресурсом выступает количество пользователей с такой ролью (HTML текст взят с другой рабочей базы на старой платформе, поэтому использую вкладку "Свой код")


 

Свой код

В поле «Вид диаграммы» можно выбрать значение «Свой код», этот вариант пригодится, если вы захотите потестировать остальные демо примеры библиотек с сайта. Для этого просто скопируйте javascript код на вкладку «HTML» и нажмите кнопку «Обновить» на вкладке «Диаграмма».


 

HighCharts

https://www.highcharts.com/

Библиотека от норвежских разработчиков Highsoft

Лицензия: Proprietary. Бесплатно для личного и некоммерческого использования. Для коммерческого использования придется заплатить денежку.

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

 

Basic Area

Кликом можно отключать видимость серий


 

Packed Bubble Chart

Кликом можно отключать видимость серий


 

User Supplied Data

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


 

Draggable Box 3D

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


 

Gantt Resource

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


 

Роли и пользователи в Packed Bubble

Демонстрация работы с данными 1C на примере вывода ролей в диаграмму Packed Bubble Chart, ресурсом выступает количество пользователей с такой ролью. Подписи выводятся только для ролей, у которых более 10 пользователей.


 

Свой код

Для тестирования демо примеров с сайта HighCharts, придется выполнить несколько действий. Разберем вариант просмотра кода в СodePen, нажмите соответствую кнопку на сайте под демо диаграммой — откроется окно онлайн редактора CodePen. Здесь нас интересует раздел HTML, скопируйте его содержимое в обработку, на вкладку «HTML». Далее надо скопировать код на javascript. Копируем код из раздела «JS» онлайн редактора и вставляем в обработку после предыдущего копипаста, обрамив этот участок кода тегом <script>. Для упрощения этой процедуры в обработке предусмотрена кнопка «<script>», которая обрамляет выделенный участок текста этим тегом. Опционально можно скопировать раздел «CSS» онлайн редактора, вставив его перед разделом JS и обрамив тегом <stylesheet>(в обработке есть соответствующая кнопка); на работоспособность он не влияет, но может менять внешний вид диаграммы. Нажмите кнопку «Обновить» на вкладке «Диаграмма».


 


 

DHTMLX

https://dhtmlx.com/

Библиотека от литовских разработчиков Dinamenta UAB (Литва прям лидер по JS визуализации :)

Лицензия: GNU GPL. Можно использовать бесплатно с некоторыми ограничениями даже в коммерческих проектах. За деньги дают некоторые продвинутые фишки, описанные на сайте разработчика.

По этой библиотеке совсем нет статей на ИС. Выглядит довольно сурово, но обладает неплохими возможностями по визуализации данных. Особенно хорошо проработана здесь диаграмма Ганта, на мой взгляд, она даже более продвинутая чем в AmCharts или в HighCharts. Остальные чарты выглядят скромнее и не отличаются сильным разнообразием.

 

Simple Gantt

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


 

Rightside Columns Gantt

Проектная диаграмма Ганта, в которой показана возможность отображать дополнительные данные справа от графика.


 

Task Calendars Gantt

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


 

Keyboard Navigation Gantt

Диаграммой можно управлять с клавиатуры, поддерживаемые сочетания клавиш видно на скриншоте.


 

Сессии по журналу регистрации

Демонстрация работы с данными 1C на примере вывода длительности сессий работы пользователей в базе за последнюю неделю в диаграмму Ганта. Ничего более полезного и универсального, работающего на любой конфигурации придумать не смог, но для тестирования сойдет.


 

Свой код

Для тестирования демо примеров с сайта DHTMLX, придется выполнить несколько действий. Для начала перейдите в специальный демо раздел сайта, отсюда проще копировать код: https://docs.dhtmlx.com/gantt/samples/

Откройте какую-нибудь диаграмму и выберите через контекстное меню «Просмотр кода страницы» (Ctrl+U). Откроется текст страницы, скопируйте его в обработку на вкладку «HTML». Нажмите кнопку «Обновить» на вкладке «Диаграмма».


 

Что из себя представляет обработка

Весь код выводимых диаграмм сосредоточен в макете «Чарты», по ячейке на каждый чарт. Можно по аналогии добавлять с сайтов любую новую диаграмму в следующую ячейку (прописав соответствующий код вывода). Дополнительно в обработку внедрен исходный код из библиотек AmCharts, HighCharts, DHTMLX, который подставляется в код диаграммы, заменяя html ссылки на исходный код. Такая замена позволяет использовать javascript библиотеки вообще без подключения к интернету, из чего вытекает и минус — версии библиотек остаются неизменными, теми, которые зашил программист при обновлении обработки. При выборе вида диаграммы из списка HTML текст подгружается из соответствующей ячейки макета «Заготовка» и после замены ссылок на файлы библиотек на текст кода из соответствующих макетов HTML, строка присваивается данным элемента «Поле HTML документа».

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

«<script>» - вставляет вокруг выделенного куска текста теги <script>...</script>

«<style>» - вставляет вокруг выделенного куска текста теги <style type="text/css">...</style>


 

Выводы

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

Update

31.01.2019 вышла релизная версия 8.3.14.1565, можно полноценно использовать HTML5 в работе!

Скачать файлы

Наименование Файл Версия Размер
HTML в новой версии 8.3.14 на примере 3-х JavaScript библиотек: AmCharts, HighCharts, DHTMLX:

.epf 1,13Mb
150
.epf 1,13Mb 150 Скачать

Специальные предложения

Комментарии
В избранное Подписаться на ответы Сортировка: Древо развёрнутое
Свернуть все
1. rpgshnik 3321 30.01.19 06:00 Сейчас в теме
УРА УРА УРА! Даже не обратил внимание на такую роскошь в 8.3.14.
2. JIEX@ 83 30.01.19 07:45 Сейчас в теме
3. manlak 77 30.01.19 09:42 Сейчас в теме
4. KEV8383 20 30.01.19 10:03 Сейчас в теме
5. CyberCerber 969 30.01.19 10:36 Сейчас в теме
6. Sla 30.01.19 10:50 Сейчас в теме
Огромная работа! Респектище!!!
Возможно ли подключить к-л библиотеку для динамической проверки орфографии (подчеркивать красным как в Word-e)?
10. Synoecium 761 30.01.19 14:12 Сейчас в теме
(6) попробуйте API Яндекс.Спеллер https://tech.yandex.ru/speller/, там есть REST интерфейс, который можно использовать на любой версии платформы 1С, проверяя то, что ввел пользователь в реквизит формы. По идее через JSON интерфейс тоже можно использовать этот API, но зачем? Разве что для какого нибудь продвинутого текстового редактора, который будет выдавать варианты подчеркнутых слов.
Для онлайн сервисов обычно есть ограничения, например у Яндекса:
на количество обращений к Сервису - в размере 10 тысяч обращений в сутки;
на объем проверяемого текста - в размере 10 миллионов символов в сутки.
Можно еще рассмотреть оффлайн спеллер, но для этого вам нужен будет словарь корректных слов, по которому надо искать слова из текста, введенного пользователем. Это можно сделать даже средствами 1с, если устроит производительность (навскидку, грузим словарь в соответствие и парсим текст наколеночным парсером в 1с, чтобы проверять отдельные слова в соответствии)
antonio_i; Sla; +2 Ответить
7. loda 26 30.01.19 10:50 Сейчас в теме
8. Synoecium 761 30.01.19 11:18 Сейчас в теме
(7) а еще Chart.js и с десяток других библиотек. Целью статьи не является сравнение всех библиотек, это скорее демонстрация возможностей HTML поля в 1С на новой платформе, поэтому я взял то, с чем сам пробовал работать. Для интересующихся отличиями и возможностями рекомендую самим пройти по сайтам с демо примерами и подобрать нужный фреймворк, также обзорную информацию можно получить вот здесь: https://en.wikipedia.org/wiki/Comparison_of_JavaScript_charting_libraries
suepifanov; antonio_i; rpgshnik; CyberCerber; user774630; +5 Ответить
9. loda 26 30.01.19 11:22 Сейчас в теме
(8) Понятно. Просто вдруг в google charts что то не понравилось и вы могли бы этим поделиться.
Спасибо за проделанную работу.
11. dmarenin 334 30.01.19 18:46 Сейчас в теме
(0) проксирование в контекст 1с js eventов не завезли еще(в вашем примере перемещение, создание ганта например)? а то есть там поле Документ.defaultView.V8EventProxyObject а что с ним делать пока не понятно. Кто то уже знает?
13. dmarenin 334 31.01.19 18:06 Сейчас в теме
(11) кто не понял, сможет ли web kit в 3.14 так? если да то как?
Прикрепленные файлы:
42. eugeniezheludkov 41 05.05.20 01:58 Сейчас в теме
(13) С переходом на вебкит Похоже эти фишки полностью сломали (контекст формы 1С не передается в JS), а новые не добавили. свои события из JS->1C никак не вызвать, гуглил. Зря я обновил платформу , красивый отчет слетел, точнее перестал динамически вызывать адинэсовский код из JS, пробовал даже dispatchEvent(evt) и window.open() , 1С их не видит в упор
43. dmarenin 334 05.05.20 10:07 Сейчас в теме
(42) в (13) не используется dispatchEvent. в (13) пример использования хром ембедид. по вашему вопросу ответ ниже, повторюсь. используйте ws soket https://learn.javascript.ru/websockets. в (13) ивенты летят через com prc(аналогично событию "обработкавнешнегособытия"). в ws socket по сети. подход по ws универсален и не зависит от целевой платформы, клиентского приложения
Synoecium; +1 Ответить
44. dmarenin 334 05.05.20 10:13 Сейчас в теме
+ (43) хочу добавить:
1. с одной стороны ws socket на стороне js кода и вк для ws socket для стороны 1с
2. либо нттр сервис на стороне 1с и get\post из js кода

короче вариантов может быть >1
45. eugeniezheludkov 41 06.05.20 08:15 Сейчас в теме
(43) я нашел решение которое у меня работает
			function return1c(name,data1){
				 var evt = document.createEvent ("MouseEvent");
                    		evt.initMouseEvent ("click", true, true, window, 0, 
                                                0, 0, 0, 0, 
                                                0, 0, 0, 0, 
                                                0, null);
                
				let lnk = document.getElementById("lnk");
				evt.data = data1;
				
  				lnk.dispatchEvent(evt);
			} 
Показать

оказалось лишь некоторые эвенты принимает 1С.

так же нажав в поле HTML CTRL+ALT+SHIFT+F12 немного исследовал V8EventProxyObject у него всего 1 метод .proxyOnEvent знать бы как им пользоваться .

Про вебсокеты видимо я пропустил тот момент когда 1С научилась из внешней обработки поднимать сервер для вебсокетов из коробки , а ниже в комментариях только вариант с использованием внешней компоненты . вариант httpсервер + get|post из js (вообще было бы интересно проверить пустит ли безопасность ВебКита на внешний ресурс ajax) , но тоже как то нецелесообразно как по мне , должно быть простое лаконичное решение proxyOnEvent для этого подходит, но еще нет документации
Synoecium; +1 Ответить
46. Synoecium 761 06.05.20 08:18 Сейчас в теме
(45) спасибо за информацию. Сам пока не упирался в эти ограничения, так как текущие задачи не предусматривают HTML, но может придется в будущем.
12. antonio_i 75 31.01.19 14:17 Сейчас в теме
Супер. Наконец-таки это свершилось! (почти)
14. amd1986 01.02.19 13:55 Сейчас в теме
кто нибудь знает как подключить веб камеру к "Поле HTML документа"? Не используя внешних компонент и ресурсов. Т.е. уже встроенными средствами 1С. На 8.3.14.
15. Synoecium 761 03.02.19 11:27 Сейчас в теме
(14) покопался в вопросе подключения камеры в HTML5, в общем в веб клиенте работает (первый раз нужно разрешить использовать камеру), а вот в тонком клиенте запустить не получилось. Скорее всего тонкий клиент не поддерживает использование GetUserMedia(). Если кто в курсе как подключить, пишите в комментариях.
Прикрепляю обработку, которая демонстрирует захват с камеры в веб-клиенте.
Прикрепленные файлы:
ПроверкаВебки.epf
16. dmarenin 334 04.02.19 16:56 Сейчас в теме
(15) поле html в веб-клиенте - это iframe. через него дотянутся до родительского окна вряд ли получится.
17. amd1986 04.02.19 19:28 Сейчас в теме
(16)Жалко. Очень хотелось доработать механизм распознавания лиц из 1С не используя внешние компоненты. Придется пока костылять по старому..
18. amd1986 04.02.19 20:21 Сейчас в теме
19. KAV2 146 12.02.19 13:37 Сейчас в теме
Интересно, работает ли обработка событий? То есть чтобы по клику открыть расшифровку в СКД?
20. Synoecium 761 12.02.19 13:42 Сейчас в теме
(19) имеете ввиду чтобы в 1с СКД отчете при расшифровке ячейки показывать html поле с javascript визуализацией? По идее делается достаточно просто. Или вы имеете ввиду другую обработку событий - события из javascript диаграммы, перехватываемые в 1с?
21. KAV2 146 12.02.19 14:34 Сейчас в теме
(20) Да, я имею в виду второе, то есть перехват клика по html, и открытие уже 1С-ного отчета в качестве расшифровки.
kuznecov_egor; +1 Ответить
22. kuznecov_egor 12.02.19 15:51 Сейчас в теме
(21) Было бы интересно, если бы кто-нибудь пояснит, как это делается)
sergio199; +1 Ответить
27. s_vidyakin 64 09.04.19 15:04 Сейчас в теме
(22) Ничего сложного, вставляете в HTML data-атрибуты и при клике считываете, передаете в 1С функцию
23. Synoecium 761 13.02.19 08:25 Сейчас в теме
(21) Смотрите, у поля html в 1с есть событие ПриНажатии(), в нем есть доступ к данным события через параметр "ДанныеСобытия", в нем уже надо смотреть какие данные вам нужны для конретной диаграммы.
Например, в моей обработке есть диаграмма HighCharts->User Supplied Data, добавляем следующий обработчик нажатия на поле html:
&НаКлиенте
Процедура ХТМЛтекстПриНажатии(Элемент, ДанныеСобытия, СтандартнаяОбработка)
	Сообщить("x = "+ДанныеСобытия.Event.xAxis["0"].value);
	Сообщить("y = "+ДанныеСобытия.Event.yAxis["0"].value);
КонецПроцедуры


теперь при создании точки на диаграмме в 1с будет выводиться сообщение с её координатами
24. KAV2 146 13.02.19 08:42 Сейчас в теме
(23) Спасибо! Здорово что это работает в 8.3.14!
25. molot 284 23.03.19 14:38 Сейчас в теме
Блин, ну всё отлично работает в 8.3.14, но... В яндекс-картах перетаскивание не работает вообще никак! Вот печаль-беда... Может, я что не так делаю...
26. Steelvan 272 09.04.19 09:59 Сейчас в теме
Как вариант, взаимодействие ПолеHTMLДокумента <-> 1С можно настроить через веб-гнезда с использованием библиотеки https://infostart.ru/public/937068/

Не проверял, выкладка теоретическая

Обработка (на которой находится ПолеHTMLДокумента) при открытии должна запускать сервер веб-гнезд с прослушиванием определенного местного порта, например 127.0.0.1:2347. Соответственно, если обработок несколько, то порт++.
ПолеHTMLДокумента должно содержать js код для работы с веб-гнездами. ПолеHTMLДокумента при открытии должно создавать соединение с этим сервером, которое работает в оба конца для приема и передачи. И через веб-гнездо выполнять двусторонний обмен данными ПолеHTMLДокумента <-> 1С при разных событиях в ПолеHTMLДокумента или в 1С.
Для тонкого клиента должно работать.
28. gudun_ku 62 10.04.19 17:01 Сейчас в теме
Вопрос - зачем оборачивать все это великолепие в формы 1С?
Soloist; acanta; +2 Ответить
29. Steelvan 272 13.04.19 11:32 Сейчас в теме
(28) Намек на попытку компенсировать ущербность ? ;)
30. acanta 13.04.19 11:41 Сейчас в теме
(29) Она оказалась неудачной? Жаль. Надеюсь, что не последняя.
31. jif 03.07.19 11:43 Сейчас в теме
Есть возможность, например в User Supplied Data, изменять представление точки? т.е. другую фигуру, либо картинку? Спасибо!
32. Synoecium 761 03.07.19 12:05 Сейчас в теме
(31) да, причем возможности довольно широкие. Посмотрите пример по ссылке:
https://jsfiddle.net/gh/get/library/pure/highcharts/highcharts/tree/master/sa­mples/highcharts/plotoptions/series-marker-symbol/
там вместо точек используются различные значки, вплоть до произвольной картинки.
вкратце надо добавить в раздел series блок такого вида (для примера сделаем треугольные отметки радиусом 10):
          marker: {
            radius: 10,
            symbol: 'triangle'
            },
33. jif 03.07.19 12:56 Сейчас в теме
Спасибо за труд!! Интересная статья!
34. axelerleo 325 22.10.19 15:22 Сейчас в теме
Коллеги, а кто ответит на простой вопрос - как теперь в чудесной и прекрасной 8.3.14 обращаться к элементам DOM модели из 1С?
Document.getElementByID теперь нет, какие альтернативы? перебирать дерево DOM, оно же "ВнешнийОбъект"?
35. SlavaKron 22.10.19 15:44 Сейчас в теме
(34) getElementByID у ВнешнийОбъект работает точно так же как и у КомОбъекта.
36. axelerleo 325 22.10.19 15:51 Сейчас в теме
(35)Спасибо! Уже сам разобрался. Это мои кривые ручонки. Забыл про кейс-сенситив :(
37. curdate 48 05.11.19 15:29 Сейчас в теме
В 8.3.13 дергали поле html документа с параметрами в адресе, а в событии ДокументСформирован забирали результат из Элемент.Документ.url. Ну и дальше http запросами...

А в 8.3.15 событие ДокументСформирован после авторизации не вызывается, а как найти ответ в "ПриНажатии" - не понятно:(
38. Bolnov 09.01.20 09:42 Сейчас в теме
Не срабатывает событие при изменении у поля HTML документа, что-то нужно добавлять? или это баг?
39. Synoecium 761 09.01.20 13:10 Сейчас в теме
(38) Да, у меня тоже событие ПриИзменении не срабатывает вообще (8.3.15.1700 клиент-сервер), возможно что-то надо прописать на стороне js кода, но я в этом не спец.
Есть предложение создать группу в телеграмме, где можно переписываться именно по теме HTML в 1C, так как вопросов много, и есть люди, которые могли бы поделиться знаниями, но им неудобно мониторить вопросы к связанным публикациям. Плюс все может поменяться с очередной версией платформы, так что не получится создать исчерпывающую публикацию
40. Bolnov 09.01.20 14:36 Сейчас в теме
(39)

Хорошая идея!
У меня уже сейчас ещё вопрос есть)

1С:Предприятие 8.3 (8.3.15.1534)

На форме поле ПолеHTMLдокумента с типом "Поле HTML документа", путь к данным - это реквизит формы с типом строка (длина 1000)

&НаСервере
Процедура ПриСозданииНаСервере(Отказ, СтандартнаяОбработка)
    ДанныеПоляHTMLДокумента = "about:";
КонецПроцедуры


&НаКлиенте
Процедура ПолеHTMLДокументаДокументСформирован(Элемент)
    Элемент.Документ.Body.ContentEditable = "true";
КонецПроцедуры
Показать


Как ускорить формирование поля HTML документа?? Замечено, что без интернета загрузка происходит мгновенно. А если вместо "about:" подставить какой-либо несуществующий адрес, то загрузка происходит быстрее. Что подставить вместо "about:"?
41. eugeniezheludkov 41 04.05.20 18:00 Сейчас в теме
А можно ли как то вызвать из JS метод формы 1С ? раньше такой финт можно было сделать передав в js "ЭтаФорма", но сейчас на стороне js оно боксится в undefined
Hobbit_Jedi; +1 Ответить
Оставьте свое сообщение

См. также

Вырожденное состояние и сложность в интерфейсе

Работа с интерфейсом Платформа 1С v8.3 Абонемент ($m)

На примере вырожденного состояния из одного параметра дается представление о рождении сложности интерфейсного представления объекта.

1 стартмани

19.12.2022    494    kalyaka    9    

3

Модель состояния для MVC

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

"MVC плохо применима в 1С" - познакомьтесь с моделью состояния и, возможно, ваше мнение поменяется! Представленное решение является эволюционным развитием идеи реализации MVC для 1С. В новой версии добавлены DSL для описания модели состояния, а также параметризация свойств параметров и элементов формы.

1 стартмани

05.07.2022    1326    kalyaka    0    

14

Настройка колонок для вывода в отчет

Работа с интерфейсом Система компоновки данных Конфигурации 1cv8 Украина Абонемент ($m)

Иногда возникает задача вывести в отчет по запросу не все колонки, а только определенные.

1 стартмани

12.07.2020    6143    user847462    2    

1

Сохранение настроек колонок

Работа с интерфейсом Универсальные функции Платформа 1С v8.3 Абонемент ($m)

Сохранение настроек колонок табличных полей. Получение имени формы из модуля формы. Для обычных форм.

1 стартмани

10.07.2020    2617    Arc    1    

4

Управление состоянием для шаблона MVC и работы с данными объекта

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

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

1 стартмани

18.03.2020    5022    kalyaka    35    

34

Готовые переносы данных из различных конфигураций 1C Промо

Рекомендуем готовые решения для переноса данных из различных конфигураций 1C. C техподдержкой от разработчиков и гарантией от Инфостарт.

Как в 1С создать паутинку "как на Инфостарте"

Работа с интерфейсом Управляемые формы Конфигурации 1cv8 Россия Абонемент ($m)

Добрый день, уважаемы коллеги! В этой статье я расскажу, как в 1С создать отчет - "паутинку" на примере отчета по компетенциям сотрудника (разрабатывала на платформе 1С:Предприятие 8.3 (8.3.13.1865).

1 стартмани

15.01.2020    10848    user660153_aleks.pisanets    19    

67

Генерация управляемой формы на основе обычной (proof of concept)

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

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

1 стартмани

06.11.2019    12695    user700211_a.straltsou    29    

28

"Живые" картинки со Snap.SVG

WEB-интеграция Работа с интерфейсом Платформа 1С v8.3 Абонемент ($m)

В статье рассмотрен пример использования http-сервисов для визуализации данных

1 стартмани

24.10.2019    16455    blackhole321    7    

93

Еще один способ программной модификации управляемых форм

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

Пример программной модификации управляемой формы для случая когда вызов метода СобытияФорм.ПриСозданииНаСервере разработчиком конфигурации не предусмотрен.

1 стартмани

03.09.2019    5575    infosoft-v    15    

14

Изменяющееся контекстное меню в 1С 8.3

Работа с интерфейсом Платформа 1С v8.3 Управляемые формы Абонемент ($m)

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

1 стартмани

06.08.2019    29627    signum2009    16    

67

Работа с 1С:Аналитика Промо

Онлайн-курс предусматривает изучение возможностей системы “1С:Аналитика”, которая работает как составная часть платформы “1С:Предприятие” и обеспечивает оперативный просмотр и анализ необходимых данных.

4500 рублей

Как вывести в СКД две независимые таблицы, объединенные одним полем

Работа с интерфейсом Система компоновки данных Абонемент ($m)

Надо вывести в отчет на СКД 2 таблицы, которые содержат различные данные, объединяемые одним полем. Количество строк в каждой таблице может быть произвольным. Если выводить с помощью обычного соединения таблиц, то мы получим перемножение строк. Чтобы его избежать обычно используются циклы. Но в данной статье мы разберемся как это сделать только средствами СКД.

1 стартмани

06.06.2019    9716    swimdog    13    

13

Легкий "тюнинг" УТ 10.3

Работа с интерфейсом Платформа 1С v8.3 Оперативный учет 1С:Управление торговлей 10 Россия Управленческий учет Абонемент ($m)

Вариант программной реализации изменения форм типовых объектов для конфигурации Управление торговлей 10.3.

1 стартмани

15.03.2019    5843    pm74    6    

9

Раскрашенный log-файл без HTML и СМС (используем Форматированный документ в личных целях)

Оптовая торговля Работа с интерфейсом Оперативный учет 1С:Управление торговлей 11 1С:Комплексная автоматизация 2.х Россия Управленческий учет Абонемент ($m)

Иногда пользователям отдается на откуп загрузка каких то данных, результат загрузки которых желательно раскрасить если и не всеми цветами радуги, то хотя бы светофором. Один из вариантов – это использовать Форматированную строку. Следите за руками:

1 стартмани

08.02.2019    3637    kembrik    2    

3

Своя индикация длительной операции во внешней обработке

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

Описан способ организации собственной индикации длительной операции для внешних обработок для БСП версии 2.4 и выше

1 стартмани

05.11.2018    10399    vadim1011985    18    

20

1СПАРК РИСКИ. Сервис оценки благонадежности контрагентов. Промо

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

Поиск по дереву значений рекурсией, методом НайтиСтроки(), с помощью СКД. Вывод результата поиска в отдельную таблицу. Активация строки в дереве значений при выборе в таблице

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

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

1 стартмани

29.10.2018    20579    Vyacheslav_Kochnev    5    

26

Основы компьютерной графики (Часть 2)

Математика и алгоритмы Работа с интерфейсом Управляемые формы Конфигурации 1cv8 Россия Абонемент ($m)

Статья является продолжением публикации "Основы компьютерной графики". Во второй части будут рассмотрены следующие темы: 1. Преобразования в трехмерном пространстве. 2. Ортографическая проекция трехмерного изображения на экран. 3. Определение, какой поверхностью (лицевой/задней) проецируется грань на экран. 4. Перспективная проекция.

1 стартмани

03.08.2018    6941    HAMMER_59    13    

14

Основы компьютерной графики

Математика и алгоритмы Работа с интерфейсом Управляемые формы Конфигурации 1cv8 Абонемент ($m)

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

1 стартмани

30.07.2018    8760    HAMMER_59    39    

25

Управление состоянием формы через конечный автомат

Работа с интерфейсом Платформа 1С v8.3 Россия Абонемент ($m)

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

1 стартмани

19.06.2018    17566    kalyaka    41    

89

Мухи отдельно, котлеты отдельно. Еще раз про HTML и JavaScript

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

Это еще одна статья про документ HTML и JavaScript. Уклон сделан на организацию хранения HTML документа и скриптов а так же на подключение скриптов к документу.

1 стартмани

08.06.2018    15478    infosoft-v    21    

42

Видеокурс-практикум: как подготовить и написать ТЗ, ЗНР, ЧТЗ. Промо

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

3 500 рублей

Гиперссылка в табличной части управляемых форм

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

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

1 стартмани

23.05.2018    27143    pyrkin_vanya    3    

51

Условное оформление горизонтальных итогов без использования макетов

Работа с интерфейсом Система компоновки данных Конфигурации 1cv8 Абонемент ($m)

Способ условного оформления горизонтальных итогов без использования макетов и программной постобработки результата компоновки.

1 стартмани

14.03.2018    23985    nreisende    19    

140

Шаблон MVC для управляемого интерфейса

Работа с интерфейсом Управляемые формы Конфигурации 1cv8 Россия Абонемент ($m)

Мы воспринимаем как что-то само собой разумеющееся интуитивно понятный интерфейс, мгновенно реагирующий на наши клики, подстраивающийся под уже сделанный нами выбор. А между тем за этой возможностью - решение серьезных алгоритмических задач. В общем случае решения этих задач уже найдены, но проблема их конкретного применения остается как для выбранного окружения (веб-браузер, экран мобильного телефона, компьютер), так и возможностей языка программирования. В следующей статье представлено одно из таких применений общего решения на основе шаблона MVC для 1С в сочетании с возможностями управляемых форм и декларативного описания интерфейса.

1 стартмани

14.03.2018    22291    kalyaka    37    

79

Варианты отображений свертываемых групп

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

Как пользователю только одним внешним видом сказать "Тут есть нужные данные. Только нажми". Используем разные варианты свертываемых групп.

1 стартмани

19.12.2017    26351    Kim1C    13    

55

Отображение файла на управляемой форме

Работа с интерфейсом Управляемые формы 1С:ERP Управление предприятием 2 Россия Абонемент ($m)

Отображение локальных файлов и файлов справочника "НоменклатураПрисоединенныеФайлы" на управляемой форме с помощью поля HTML документа.

1 стартмани

01.11.2017    16106    Vyacheslav_Kochnev    30    

103

Программы для исполнения 488-ФЗ: Маркировка товаров Промо

1 января 2019 года вступил в силу ФЗ от 25.12.2018 № 488-ФЗ о единой информационной системе маркировки товаров с использованием контрольных (идентификационных) знаков, который позволяет проследить движение товара от производителя до конечного потребителя. Инфостарт предлагает подборку программ, связанных с применением 488-ФЗ и маркировкой товаров.

Размеры управляемой формы

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

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

1 стартмани

08.10.2017    33436    json    10    

112

Условное оформление таблицы управляемой формы

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

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

1 стартмани

17.05.2013    43104    akomar    6    

24

Программная настройка рабочего стола, или Как на лету добавить, скрыть, подменить формы

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

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

1 стартмани

07.11.2012    37863    NittenRenegade    12    

35

Расширение управляемой формы для отчета. Несколько действий с параметром "Отбор".

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

Статья о том как открывать формы отчетов с параметром "Отбор" (платформа, на которой проводилось тестирование- 8.2.16).

1 стартмани

03.10.2012    20188    olches    11    

89

1С:Предприятие 8.2. Управляемая Форма. Меняем иконку рабочего стола.

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

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

1 стартмани

28.09.2012    31976    ghostaz    39    

65

Программы для исполнения 54-ФЗ Промо

С 01.02.2017 контрольно-кассовая техника должна отправлять электронные версии чеков оператору фискальных данных - правила установлены в 54-ФЗ ст.2 п.2. Инфостарт предлагает подборку программ, связанных с применением 54-ФЗ, ККТ и электронных чеков.

Красивое отображение графиков (диаграмм) на базе highcharts

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

Платформа предоставляет довольно скудный интерфейс в плане вывода графиков/диаграмм. В статье рассматривается инструкция, как внедрить библиотеку Highchart в 1С.

1 стартмани

17.08.2012    62929    Dimasik2007    98    

168

Редактирование текстов интерфейса …

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

Редактирование текстов интерфейса … (перевод интерфейса конфигурации на другой язык английский – немецкий – китайский – японский и многие другие). У вас есть стандартная конфигурация, в которой надо перевести интерфейс на другой язык, легко! А вот со справкой придется немного помучаться. Просьба не путать с данными, которые хранятся в реквизитах объектов.

1 стартмани

26.06.2012    42608    Iaskeliainen    39    

96

Приятная глазу цветовая схема 1С 8.х

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

Несколько цветовых схем для встроенного языка 1С, которые минимизирует нагрузку на глаза, за счет чего повышается производительность!

1 стартмани

26.03.2012    81149    NDM    127    

385

Вывод изображений в системе компоновки данных и отчётах

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

Как выводить изображения в СКД, отчетах ? Как хранить картинки, чтобы они не занимала много места?

1 стартмани

19.03.2012    4853    igorvs66    1    

15

Сохранение/восстановление настроек динамического списка

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

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

1 стартмани

29.07.2011    40775    Stepa86    31    

66

Распознавание и загрузка документов в 1С Промо

Универсальная программа-обработка для распознавания любых сканов или фото первичных документов в 1С (счета-фактуры, УПД, ТТН, акты и тд). Точность распознания до 98%.

от 11 рублей

Оповещения пользователям об изменении конфигурации

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

Как сообщить всем пользователям, что добавлен новый, очень нужный и полезный механизм в 1С: Предприятие 8.1 или 8.2? В этой статье я расскажу как это сделать с минимальным исправлением конфигурации поставщика.

1 стартмани

20.08.2010    20549    opx    24    

29

Стандартная "Настройка периода" в отчетах на базе СКД

Работа с интерфейсом СКД Платформа 1С v8.3 Россия Абонемент ($m)

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

1 стартмани

31.12.2009    13305    yuraskas    8    

15

Вывод дополнительной информации - ИНН и адреса контрагента - в список значений при вводе по строке

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

Когда в информационной базе много контрагентов, пользователи при заполнении реквизитов форм документов активно используют понравившуюся им функцию «ввод по строке» Это ускоряет ввод большого объема информации за счет эффективного использования клавиатуры и уменьшения нагрузки на базу. Бывают случаи, когда существует очень много контрагентов с одинаковыми наименованиями, то просто невозможно быстро выбрать нужного из списка, так как код в скобках не несет смысловой нагрузки. Хотя возможен ввод по ИНН, но он не получил широкого распространения из-за сравнительно большой длины ИНН и психологического неприятия ввода рутинных операций. По этой причине представляется интересным решение, позволяющее выводить дополнительно в списке информацию об ИНН контрагента и его адресе. Пример программной реализации обработчика для конфигурации Управление торговлей 8.1 релиз 10.3.8.9, продемонстрирован в присоединенном к данной статье файле.

1 стартмани

05.12.2009    14785    its    9    

15