Список выбора, комбик, select,select2
У формы есть несколько списковых элементов (select, select2, select-search, select-picker и т.д.):
- select - простейший список
- select2 - список с локальным поиском по вариантам
- select-search - список с поиском с подгрузкой из базы данных по запросу.
- select-picker - гибкий список с множеством настроек по выводу.
Общая идея использования их следующая:
указываем тип поля (select)
реализуем у колонки процедуру dict (иконка SP напротив поля формы в таблице управления полями формы).
CREATE PROCEDURE [dbo].[fm_example_dict]
@username nvarchar(256),
@itemID nvarchar(128)
AS
BEGIN
-- SELECT 1
select ' --- ' Text, 0 Value
union
select top 5 code Text, id Value
from as_trace
order by Text
END
Настройки для select2 через options_code1 в GetItem
- placeholder - подсказка в элементе когда нет выбранных элементов.
- multiple - если true, то доступен множественный выбор. Если выбрано несколько элементов, то они передаются через запятую в процедуру.
- tags - если true, то можно добавить свой элемент, если его нет среди существующих (пишем текст и добавляем). Новые добавленные элементы будут иметь value такой же как и text.
Страница-источник на сайте falconspace.ru
-
Начало работы
-
Основа Falcon Space
-
Руководства
-
Возможности
-
Коммуникация пользователей
-
Таблицы
-
Формы
-
Поля формы
Общие настройки для полей формы через options_ Строка, string Галочки с множественным выбором, checkboxes Переключатель switch и галочка bool Радиокнопки (выбор одного элемента), radio, defaultRadio Многострочное поле, text Гибкий список выбора, select-picker Список с поиском по базе autocomplete, select-search Список выбора, комбик, select,select2 Диапазон чисел, intrange Целое, дробное число, int, float, html-number Rich редактор текста, html2 Интервал дат, dateRange Скрытые параметры формы, cookie, localStorage, sessionStorage и urlParameter Дата HTML5, datetime-local Слайдер (ползунок), slider Поля формы для загрузки файлов, files, remoteFile, fileContent Множественный список, chosen Градиент, gradient Как сделать списки select и chosen с категориями (optgroup) Выбор из элементов с табуляцией, tabs Флажок-картинка, imageCheckbox Как использовать Флажки и выбор радио с картинкой, imageRadio, imageCheckboxes Дерево с выбором галочек, treeCheckboxes Выбор адреса и сохранение координат места (lat,lng), geo-autocomplete Таймер, timer Выбор цвета, colorCheck и colorRadio Вставка ссылок по шаблону (ютуб-видео), patternString Дерево с сортировкой Drag-and-Drop, treeOrder График работы, weekTime Редакторы кода editorHTML, editorSQL, editorCSS, editorJS Время, time Сканер QR и штрих кодов, codeScanner
-
Лендинги
-
Дизайн, стилизация, юзабилити
-
Интеграции
-
Универсальный API
-
Каталоги
-
Навигация
-
Документы
-
Дополнительные компоненты
-
Продвижение, SEO
-
Системные моменты
-
Системное администрирование
-
HOWTO
-
Загрузка файлов, картинок
-
HOWTO SQL
-
HOWTO JS
-
HOWTO Верстка
-
Решение проблем
-
Советы по реализации