Формы. Управление настройками поля через options_ поля
Описание использования options
Ранее настройки некоторых сложных элементов делались через элементы процедуру dict поля.
Теперь есть возможность использовать для этого специальное псевдополе options_{colCode} в GetItem SELECT 1 (colCode - это название соответствующего столбца).
Данный способ переопределяет аналогичные настройки из dict (но при этом поддерживается и старый способ настроек через dict процедуру).
Пример настроек:
--SELECT 1 в GetItems
select name,
'{
"title": "Title1",
"disabled": true
}' options_name
from t1
ВАЖНО. Обязательно использовать кавычки для имен полей.
Настройки по типам
Общие настройки
disabled: true false,
title - поодменяет заголовок элемента,
class - задает CSS класс,
width - задает ширину как css значение для width,
placeholder - подсказка к вводу значения элемента,
string
- mask - '9999999' - маска на ввод
- prefix, suffix - добавляет в поле доп разметку в начале или в конце поля.
Пример:
select '{"prefix":"prefix", "suffix": "<i class=\"fa fa-check\"></i>"}' options_s1
int, float, html-number
- min - минимальное значение,
- max - максимальное значение поля,
- step - шаг приращения,
- readonly - если true, то элемент только на чтение
date
- availableDates - доступные даты для выбора (через запятую, см. отдельную документацию по использованию этих режимов)
- disabledDates - недоступные даты для выбора (через запятую)
- format - если установлен, то задает формат даты (если нет - то берутся глобальные настройки формата даты из GetLayout).
- isInput - если true, то выводится как поле ввода с выпадающим календарем
daterange
- format - если установлен, то задает формат даты (если нет - то берутся глобальные настройки формата даты из GetLayout).
time
- format - если установлен, то задает формат времени (по умолчанию hh:ii).
- minuteStep - шаг выбора между минутами (по умолчанию 5)
bool
- hideLabel - если true, то у галки не будет показываться label
switch
- size - задает размер переключателя (mini, normal, small, large)
- on - текст при включенном состоянии
- off - текст при выключенном состоянии
- onstyle - стиль включенного состояния (success, danger...)
- offstyle - стиль выключенного состояния (success, danger...)
text
- rows - число, задающее высоту(rows) у textarea
- cols - число, задающее ширину (cols) у textarea
select-search
- selectHint - строка, указывает начальную подсказку в элементе
treeCheckboxes, treeOrder
- cascadeCheck - если true,то выбор галочки выбирает и все дочерние элементы.
- width - число, ширина дерева
files, fileContent
- code - код менеджера ресурсов
- title - заголовок менеджера ресурсов
- compact - если true - то компактный режим отображение галереи файлов
- ultracompact - если true - то очень компактный режим отображение галереи файлов
- emptyText - текст, когда нет загруженных элементов в менеджере рерсурсов
- uploadTitle - заголовок окна загрузки
intrange (диапазон чисел)
- min - минимальное значение выбранного интервала
- max - максимальное значение выбранного интервала
- step - шаг изменения диапазона
- minValue - минимальная граница
- maxValue - максимальная граница
geo-autocomplete (выбор гео точки)
- jsonOptions - строока с JSON настройками гео (см документацию по Гео). Это именно вложенный объект JSON.
timer
- code - задает код таймера
- itemID - задает itemID связанного элемента, к которому относится таймер
slider
- min - минимальное значение, число
- max - максимальное значение, число
- step - шаг перемещения, число
- enabled -если true, то включен
- ticks - строка чисел через запятую где будут метки
- labels - метки-подписи через запятую (строка), соответствуют по положению ticks
- orientation - ориентация - horizontal, vertical
weekTime
- standartWorkTime - строка, название кнопки для установки стандартного графика работы 7/2 9-17
- showHours - если true, то в сетке будут показаны часы
Примеры работы компонентов платформы Falcon Space
Примеры удобных таблиц и форм Примеры дашборда Примеры графиков и диаграмм Пример календаря Таблица с данными по API Пример вывода карты с точками Виды полей форм Пример виджета статистики Пример дерева иерархии Пример компонента Временная линия Пример карточки товаров Пример учета загрузки ресурса Пример Канбан доски Пример мастер формы Пример выгрузки документов Excel/Word Пример заполнения данных по ИНН- Руководства
- Основа Falcon Space
- Основные компоненты
- Возможности Falcon Space
- Подсистемы
- Дополнительные компоненты
- Интеграции
- HOWTO
- HOWTO Таблицы
- HOWTO Формы Формы. Как принимать в форму не 1 параметр(itemID), а несколько входящих параметров? Формы. Как создать форму для редактирования сущности Формы. Как сделать кастомную HTML разметку для формы (jsRender) Формы. Как сделать поиск для поля, т.е. список с поиском через обращение к БД (autocomplete. search-select) Формы. Как установить некоторые поля в форме по умолчанию при загрузке Формы. Как выводить разные данные на одной форме для разных ролей Формы. Как в форме вывести список галочек (множественный выбор поля) Формы. Как выводить и сохранять множественный список через chosen поле. Формы. Как перезагрузить страницу после сохранения Формы. Как добавить коллбек после загрузки формы и после сохранения формы. Формы. Как динамически изменять тип колонки при рендеринге формы. Формы. Как сделать модальную форму (открывается в диалоговом окне) Формы. Как обновить таблицу (или форму) после вызова модальной формы Формы. Как вывести форму во всплывающем окне рядом с кнопкой (popover) Формы. Как добавить новый элемент, если в списке на форме его нет. Формы. Как сделать зависимые поля в форме (Страна, Город) Формы. Как сделать выбор адреса и сохранение координат места (lat,lng). Формы. Как правильно обрабатывать цены (дробные числа) на форме Формы. Как вывести списковые данные или таблицу внутри формы Формы. Установка фоновой панели для формы Формы. Как передать в форму скрытый параметр Формы. Как сделать списки select и chosen с категориями (optgroup) Формы. Как сделать форму в виде мастера шагов Формы. Как показывать на форме прогресс заполнения (прогрессбар заполнения формы) Формы. Как использовать Флажки и выбор радио с картинкой Формы. Как сделать поля с анимацией значений (крутящиеся числа, цифры). Формы. Как редактировать текст элементов HTML в Rich-редакторе Формы. Как вывести в модальном окне таблицу Формы. Как использовать в форме поле Выбор файлов Формы. Как скрывать/показывать обновлять область на странице при изменении поля формы Формы. Как работать с полем Таймер Формы. Как в форму в SaveItem передать некий скрытый параметр (например Куки или параметр URL) Формы. Как показывать изменяющуюся информацию при изменении полей Формы. Как сделать форму с сохранением состояния Формы. Как работать с полем типа Слайдер (ползунок) Формы. Как выводить и обрабатывать данные на форме из внешнего источника через API Формы. Добавление кнопки очистки формы (Reset form) Формы. Как сделать подтверждение действие в СМС (SMS) в форме Установка графика работы (поле формы weekTime) Формы. Как сделать в форме более 1 кнопки действий Как в форме добавить примеры заполнения полей (example) Формы. Управление настройками поля через options_ поля Формы. Использование Google Recaptcha в формах Как указать произвольную маску для поля ввода в форме Форма. Как вывести дерево с выбором галочек Формы. Как сделать выбор цвета в форме Как в выборе даты (datepicker) задать доступные даты
- HOWTO JS
- HOWTO CSS
- HOWTO Верстка
- Решение проблем
Платформа Falcon Space
Это снижение стоимости владения
за счет меньшего количества людей для поддержки
Это быстрое внесение изменений
по ходу эксплуатации программы
Это современный интерфейс
полная адаптация под мобильные устройства
Бесплатное обучение разработке на Falcon Space
