Список типов полей формы

У каждого поля есть свой тип, который определяет вид и функциональность этого поля. 

Пример полей формы на демостенде

Вы можете использовать следующие типы полей

  1. Editor (CSS), editorCSS - редактор CSS с подсветкой синтаксиса
  2. Editor (HTML), editorHTML - редактор HTML с подсветкой синтаксиса
  3. Editor (JS), editorJS - редактор JS с подсветкой синтаксиса (если нужно отменить возможность форматировать код - ставим CSS класс as-disableAutoFormat)
  4. Editor (SQL), editorSQL - редактор SQL с подсветкой синтаксиса
  5. hidden - input type=hidden поле. Просто значение поля прокидывается из GetItem в SaveItem через форму (внимание, пользователь может его изменить через HTML).
  6. HTML, html - Rich редактор tinyMCE(старая версия)
  7. HTML2, html2 - Rich редактор tinyMCE(новая версия)
  8. HTML Lite, html-lite  - выбор Rich редактора tinyMCE в упрощенном виде
  9. HTML5 Color, html-color - редактирование цвета
  10. HTML5 Date, html-date - поля для ввода даты. Форма сохранения YYYY-MM-DD (и не зависит от настройки в GetLayoutInfo dateFormat!)
  11. HTML5 Datetime local, html-datetime-local - поле для ввода даты и времени без учета часового пояса. Формат сохранения YYYY-MM-DDTHH:MM,  ВАЖНО - datatime-local не работает в Firefox (поэтому используйте в большинстве случаев поля date + time).
  12. HTML5 Email, html-email - редактирование email
  13. HTML5 Month, html-month - выбор месяца. Формат сохранения YYYY-MM.
  14. HTML5 Number, html-number - выбор числа
  15. HTML5 Tel, html-tel - поле для телефона (установка формата делается через GetLayoutInfo, параметр phoneFormat, а для лендов добавить hidden поле с классом as-phoneFormat, и value="+d ddd-ddd-dddd")
  16. HTML5 Time, html-time - поле для ввода времени/ Формат сохранения  HH:MM
  17. HTML5 Url, html-url - поле для ввода URL
  18. HTML5 Week, html-week - выбор недели. Формат сохранения 2020-W01 (YYYY-WWW).
  19. localStorage, sessionStorage, cookie, urlParameter - скрытые поля для передачи параметров в saveItem из куки, локальных ресурсов браузера или из URL.
  20. Альтернативный способ выбора содержимого текстовых файлов, textFile - файл не грузится на сервер, а содержимое файлов извлекается из него прямо в браузере. Подробнее.
  21. Ввод пароля, password - используется в формах регистрации. Скрывает ввод в виде звездочек.
  22. Выбор radio, radio - одиночный выбор через радиокнопки (в стиле связанных кнопок Bootstrap)
  23. Выбор иконки, iconPicker - выбор иконки Font Awesome. В базе значение хранится в текстовом виде, например, fas fa-search
  24. Выбор времени, time - выбор времени из выпадающего списка
  25. Выбор диапазона дат, daterange - (формат даты можно задать через настройку format либо использовать глобальную настройку dateFormat в GetLayout)
  26. Выбор места (гео), geo-autocomplete - вывод поля с поиском геолокации. Формат хранения значения - {lat}||{lon}||{geotext}||{JSONOptions}
  27. Выбор файла, files - можно добавлять файлы к форме (в том числе и в форме на добавление, когда еще нет сущности, к которой привязывать файлы). Подробнее.
  28. Дата выбор, date - выбор даты через плагин Datepicker (формат устанавливается в GetLayout в параметре dateFormat).
  29. Дерево с галочками, treeCheckboxes - выбор галочек в иерархическом списке
  30. Дробное число, float - число с плавающей точкой
  31. Картинки Radio, imageRadio - выбор через радиокнопки с картинкой
  32. Картинки Флажки, imageCheckboxes - выбор флажков с картинками.
  33. Многострочный текст, text - вывод textarea
  34. Переключатель, switch - чекбокс в виде переключателя (Да, Нет). В placeholder можно задать текст вместо Да/Нет. Для изменения размера можно передать классы в GetItem SELECT 1 ( 'as-switch-large' class_immediatelyLoad).  as-switch-large, as-switch-mini, as-switch-small
  35. Подсказки dadata, dadata - поле с выпадающими подсказками по разным объектам - адреса, компании, банки и т.д. (демо)
  36. Слайдер значений, slider - выбор числа или диапазона чисел в виде ползунка. 
  37. Содержимое файла, fileContent - загрузка файла через менеджер ресурсов и передача его содержимого в SQL процедуру в виде строки. Подробнее.
  38. Сортировка дерева, treeOrder - управление структурой дерева через Drag&Drop
  39. Список chosen, chosen - выбор из списка с возможностью поиска
  40. Список, select - комбосписок для одиночного выбора. Подробнее
  41. Список множественный chosen, chosenMiltiple - множественный выбор элементов из списка (в сохранение они идут как id через запятую).
  42. Список-поиск, select-search - поиск через autocomplete
  43. Список 2 (более функциональный), select2 - выбор элемента с поиском, добавлением элемента
  44. Стандартный выбор radio, defaultRadio - стандартный выбор из радиополей.
  45. Строка по шаблону, patternString - вводим некую строку, разбираем регулярным выражением и выводим разметку с неким значением (например, ввод ютуб ссылки и вывод iframe)
  46. Строка, string - текстовое поле в 1 строку
  47. Таймер, timer - поле, которое позволяет запускать таймер по секундам. Время в итоге передается в виде mm:ss. 
  48. Установка рабочего графика, weekTime - позволяет выбрать определенные часы в неделе.
  49. Флажки, checkboxes - множественный выбор через галочки
  50. Флажок, bool - чекбокс
  51. Файл на внешнем ресурсе, remoteFile - указание URL и передача в процедуру saveItem тела файла, загруженного по данному URL. Подробнее.
  52. Целое число, int - целочисленное число
  53. Цвет множ. colorCheck, цвет colorRadio - выбор цвета (одиночный и множественный). В value - цвет, в text - текст (необязательно). 
  54. Градиент, gradient - выбор градиента с несколькими цветовыми маркерами. 

Примечание: если HTML5 будут введены некорректно, то они подсвечиваются розовым и форма не будет сохраняться, пока не будут исправлены ошибки.

Некоторые типы полей имеют дополнительные настройки в GetItem SELECT 1 в параметрах options_{code}. Подробнее

Страница-источник на сайте falconspace.ru