html интерфейс в мобильном приложении, пример взаимодействия html с мобильным приложением

27.08.21

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

Пример взаимодействия html с 1С мобильным приложением.

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

Наименование Файл Версия Размер
html интерфейс в мобильном приложении, пример взаимодействия html с мобильным приложением:
.dt 51,33Kb
24
.dt 1.0 51,33Kb 24 Скачать

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

К статье прикреплен файл выгрузки .dt

В мобильном приложении (На текущий момент) невозможно сохранить текстовый макет где можно сохранять текст Html поля, поэтому пришлось выкручиваться. Весь текст html я сохранил в табличном макете, разбив код по областям ячеек. 
 

 

В примерах использованы базовые стили оформления .css (При желании можно добавить картинки и более изящные эффекты, в зависимости от поставленных задач и воображения ).

Так же в мобильном приложении, событие Html поля (ПриНажатии) срабатывает только при переходе по ссылкам. В связи с этим, пришлось немного выкручиваться, а именно - к каждому действию привязал ссылки и специальные символы для определения выполняемой функции\процедуры .

Список задач html.

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

Получилось следующее:
 

 

  •  В поле "Ссылка" отобразится выбранное значение (Из списка 1С и Html списка)
  •  Поле "Список" - Список значений 1С, заполен тестовыми значениями из справочника.
  •  Html список заполняется из "Списка 1С"

     Кнопки "Добавить тесты" - пример добавления элемента в список (Добавляет пустое текстовое значение "Тест +Индекс")

     Кнопка "Перезаполнить" - очищает список и перезаполняет из списка 1С.

 

Следующая страница содержит пример работы с датой и временем.

Данный пример показывает как можно взаимодействовать с реквизитом "Дата и время" из Html поля в 1С и наоборот. Ограничился простыми реквизитами выбора даты и времени. Поле даты можно преобразить в виде календарика , или переделать под свои определенные задачи. (В зависимости от знания html и css)

 

 

  •  "Установить время в html поле" - по заголовку всё понятно )). Изменяет дату и время из поля 1с.
  • Html дата и время 
  • Полученная дата строкой - заполняется в зависимости от выбранной даты из html поля и поля 1С.
  • Поле Даты и времени 1С

 

Следующая страница - создание документа.

Пример создания документа из html. Для примера был создан тестовый документ с несколькими реквизитами и ссылкой на справочник.
Добавлена кнопка для выбора справочника из html и кнопка очистки (Можно сделать намного проще и эффектнее, всё зависит от знаний html и воображения автора). 

 

 

Ну тут всего одна кнопка "Создать документ" - открывает форму нового документа 1С.

И html поле - с готовой формой для заполнения. 

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

Форма авторизации из html поля, для наглядности "Логин" и "Пароль" выведены на форме. При формировании html документа, данные берутся из из полей "Логин" и "Пароль" и идет проверка на совпадение (Функции JS). При успешной авторизации выводится окно 1С, иначе выводится предупреждение с текстом предупреждения ( Не правильный пароль, логин и тд)
 

 

На этом все. К статье прикреплен файл выгрузки .dt  со всеми примерами на скриншотах. Статья и файлы будут дополняться в будущем. (Вместе с изменениями в платформах мобильного приложения).

Для реализации некоторых задач помогли следующие ссылки :)

Комментарии

Статья

комментарии

Тесты проводились на платформах 1С:Предприятие 8.3 (8.3.15.1778) 

Мобильная платформа  8.3.15.62

Виртуальное и реальные устройства android 8.1 (Lenovo) 

Мобильно приложение html javaScript

См. также

"Штрихкод-информер" - мобильный ТСД и прайс-чекер в смартфоне

Мобильная разработка Сканер штрих-кода Терминал сбора данных Управляемые формы Мобильная платформа 1С:Розница 2 1С:Управление нашей фирмой 1.6 1С:ERP Управление предприятием 2 1С:Управление торговлей 11 1С:Комплексная автоматизация 2.х Управленческий учет Платные (руб)

Сбор заказов, инвентаризация, проверка ценников, просмотр полной информации об остатках и ценах со смартфона Онлайн. Отправка данных со смартфона выполняется либо напрямую в открытую форму документа, отсканировав QR-код, либо в общую корзину учетной системы, не подходя к компьютеру. Кассир или оператор сможет просмотреть список присланных данных и загрузить в любую форму, поддерживающую работу с ТСД. Для работы с мобильным приложением требуется опубликовать HTTP-сервис из поставляемого расширения.

2880 руб.

03.12.2018    54621    137    102    

161

SALE! 25%

Что нам стоит бота построить? Нарисуем - будет жить! Графический конструктор телеграм-ботов/Telegram

Мобильная разработка Мессенджеры и боты Платформа 1С v8.3 Платные (руб)

Теперь создать telegram-бота - элементарно. Достаточно просто нарисовать блок-схему телеграм-бота, и он сразу заработает. Это возможно при использовании Графического конструктора телеграм-ботов. Это единственный конструктор ботов для telegram, чье качество и функционал подтверждены фирмой 1С, есть сертификат 1С:Совместимо. Расширение в интерактивном режиме, с помощью блок-схем, позволяет с минимальными трудозатратами создать телеграм-ботов в любой конфигурации, работающей на платформе «1С:Предприятие 8.3».

13200 9900 руб.

27.12.2021    33283    80    157    

174

"Мобильный ТСД" - инвентаризация и сбор штрихкодов для iOS и Android

Сканер штрих-кода Терминал сбора данных Мобильная разработка Монитор заказов Оптовая торговля Розничная торговля Ценообразование, анализ цен Платформа 1С v8.3 Мобильная платформа 1С:Розница 2 1С:Управление нашей фирмой 1.6 1С:ERP Управление предприятием 2 1С:Управление торговлей 11 1С:Комплексная автоматизация 2.х Розничная и сетевая торговля (FMCG) Оптовая торговля, дистрибуция, логистика Управленческий учет Платные (руб)

Простой мобильный терминал сбора данных для смартфонов на iOS и Android, не требующий сложных настроек и установки дополнительных программ. Обмен между Вашей 1С и мобильным приложением осуществляется через облачный сервис и расширение конфигурации. Работает с конфигурациями УТ 11, ERP, КА2, Розница 2, Розница 3, УНФ 1.6, УНФ 3.0. Полнофункциональный демо-доступ для своей конфигурации можно запросить в настройках мобильного приложения - все необходимое придет на почту автоматически.

2000 руб.

22.04.2019    91947    511    186    

293

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

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

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

6000 руб.

16.01.2015    61797    43    59    

80

Магазин 15 - приемка товара по штрихкодам или инвентаризация в торговом зале

Логистика, склад и ТМЦ Мобильная разработка Платформа 1С v8.3 1С:Комплексная автоматизация 1.х 1С:Розница 2 1С:Управление нашей фирмой 1.6 1С:ERP Управление предприятием 2 1С:Комплексная автоматизация 2.х 1С:Управление нашей фирмой 3.0 1С:Розница 3.0 Розничная и сетевая торговля (FMCG) Россия Платные (руб)

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

12950 руб.

30.05.2023    3388    2    0    

4

[Расширения] Динамическое управление видимостью и доступностью элементов форм (УФ) (8.3.6+)

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

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

5000 руб.

14.01.2016    54403    16    21    

42

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

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

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

2400 руб.

29.06.2020    16698    21    4    

35
Комментарии
В избранное Подписаться на ответы Сортировка: Древо развёрнутое
Свернуть все
1. Segate 223 08.12.20 13:25 Сейчас в теме
Как реализовано получение данных из поля HTML?
2. user5300 1000 08.12.20 13:33 Сейчас в теме
(1) Создание и передача ссылок в событие "ПриНажатииHtmlПоля"
5. McLer 124 29.03.21 07:35 Сейчас в теме
(2)
ПриНажатииHtmlПоля


Проверяли как это работает на iOS ? Проверяли что будет если будет много объектов на html форме по которым можно нажать?
6. user5300 1000 29.03.21 08:31 Сейчас в теме
(5) Нет.
Нет возможности протестировать на ios ...
7. maksa2005 530 29.07.21 12:45 Сейчас в теме
(5)проверил. работает уже как 1 год
3. ltfriend 954 08.12.20 20:28 Сейчас в теме
За бесплатно.
Сохраняем HTML в файл.
Добавляем новый общий макет с типом "ДвоичныеДанные" и выбираем сохранённый выше файл.
Читаем текст из макета:
ДвоичныеДанные = ПолучитьОбщийМакет("HTMLДокумент");
Поток = ДвоичныеДанные.ОткрытьПотокДляЧтения();
	
ЧтениеТекста = Новый ЧтениеТекста(Поток);
	
ПолеHTML = ЧтениеТекста.Прочитать();
	
ЧтениеТекста.Закрыть();
	
Поток.Закрыть();
Показать
korry; akR00b; user1503726; +3 Ответить
4. user5300 1000 09.12.20 08:07 Сейчас в теме
(3) У меня статья про взаимодействие с HTML - файлом, а не способом его получения и хранения :)
Можно вообще весь текст разместить в общем модуле или в РС... (Бесплатная идея).
$м за мои труды, и дешевле и понятнее того что можно найти в интернете.
8. maksa2005 530 29.07.21 12:47 Сейчас в теме
(3)
Функция ПолучитьТекстСтраницы(ИмяМакета)
	Возврат ПолучитьОбщийМакет(ИмяМакета).ПолучитьОбласть(1,1,1,1).ТекущаяОбласть.Текст;
КонецФункции

еще быстрее.
9. maksa2005 530 29.07.21 12:50 Сейчас в теме
Все то что здесь нарисовано - не годиться для клиента вне общей сети 1с. Все надо под html и ничего связано с формами 1с)
https://play.google.com/store/apps/details?id=ru.e1c.tpmir86
10. mxs89 11 07.10.21 10:14 Сейчас в теме
Привет. Подскажите, как окна в мобильном приложении программно раскрыть на весь экран? На планшетах это отдельное окно, которое не максимизируется.
11. rresha 27.02.23 21:18 Сейчас в теме
12. serverstar 62 26.07.23 12:05 Сейчас в теме
Товарищ, при всем уважении. В этом случае вы устанавливаете дату через 1с-кий элемент формы.
А вот как установить дату-время на Андроиде (или эмкляторе) прямо из тега <input>?

Вот где засада. Потому что в Андроиде стандаттное событие ПолеHTMLПриНажатии () не отрабатывает для Button, Input итд
Прикрепленные файлы:
Оставьте свое сообщение