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

27.08.21

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

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

Скачать файл

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

Наименование По подписке [?] Купить один файл
html интерфейс в мобильном приложении, пример взаимодействия html с мобильным приложением:
.dt 51,33Kb ver:1.0
24
24 Скачать (2 SM) Купить за 2 150 руб.

В настоящее время, большая часть функций в мобильном приложении ограничена, в том числе и поле 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.х Управленческий учет Платные (руб)

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

3000 руб.

03.12.2018    62180    212    103    

180

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

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

13200 руб.

27.12.2021    41792    118    167    

213

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

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

2000 руб.

22.04.2019    102451    627    191    

336

Работа с интерфейсом Анализ учета Мониторинг Платформа 1С v8.3 8.3.14 1C:Бухгалтерия 1С:ERP Управление предприятием 2 1С:Бухгалтерия 3.0 1С:Управление торговлей 11 Платные (руб)

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

27.03.2025    1172    3    developer118    7    

8

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

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

6000 руб.

14.01.2016    56527    19    25    

45

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

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

6000 руб.

16.01.2015    64712    45    60    

83

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

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

2400 руб.

29.06.2020    20560    30    6    

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


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

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

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