Как выбрать значение списка через справочник в модальном окне
В статье рассказываем как на базе платформы Falcon Space сделать выбор значения поля для формы через модальное окно с таблицей.

Пользователь кликает на кнопку, открывается модальное окно с таблицей, выбирает значение и выбранная строка загружается в элемент.
Как сделать подобный механизм:
1. Добавляем на форму поле типа select2 (Список2).
2. Указываем в GetItem его настройки options_code1 (где code1 - название поля).
-- SELECT 1
select '{"tags": true,
"multiple":true,
"table": {"code": "tables", "itemID": "32", "big": "1",
"slideout": "2", "title": "Выберите значение"
}
}' options_s47
Параметры:
- tags - позволяет вводить с клавиатуры новые значения в select (если это не нужно, то можно поставить false).
- multiple - если true, то можно будет выбирать несколько значений.
- table - если указан объект, то будет добавляться кнопка выбора из модальной таблицы. Ее параметры:
- code - код вызываемой таблицы в системе
- itemID - идентификатор, позволяющий фильтровать нужные данные в таблице (например, вывести только заказы определенного пользователя)
- big, slideout, title - задают параметры модального окна, как для обычных модальных таблиц - соответственно размер окна, способ появления и заголовок модального окна.
При клике на таблицу будет происходить добавление новых элементов в select2 поле или выбор существующего значения.
В качестве значения value будет выбираться data-itemID строки таблицы. В качестве текста берется первое из существующих в строке полей name или title (т.е. заранее используйте в подобной таблице такое имя, если планируете использовать эту таблицу для выбора значений).
Страница-источник на сайте falconspace.ru
-
Основа Falcon Space
-
Руководства
-
Основные компоненты
-
Возможности
-
Коммуникация пользователей
-
Дизайн, стилизация, юзабилити
-
Лендинги
-
Универсальный API
-
Интеграции
-
Каталоги
-
Навигация
-
Документы
-
Дополнительные компоненты
-
Продвижение, SEO
-
Системные моменты
-
Системное администрирование
-
HOWTO
-
Таблицы
-
Формы
Как вывести форму во всплывающем окне рядом с кнопкой (popover) Загрузка формы по ссылке Как принимать в форму не 1 параметр (itemID), а несколько входящих параметров? data-param-p1 Как сделать модальную форму Как добавить коллбек после загрузки формы и после сохранения формы. Как показывать на форме прогресс заполнения (прогресс заполнения формы) Как сделать форму в виде мастера шагов Как сделать подтверждение действия в СМС (SMS) в форме Как установить поля в форме по умолчанию при загрузке Как показывать изменяющуюся информацию при изменении полей Формы. Как сделать в форме более 1 кнопки действий (несколько кнопок действий на форме) Как правильно обрабатывать цены (дробные числа) на форме Как передать в форму скрытый параметр Как в форме добавить примеры заполнения полей (example) Как выбрать значение списка через справочник в модальном окне Как сделать окно подтверждения действия формы Динамическое изменение itemID у формы в зависимости от других элементов страницы Как скрывать/показывать, обновлять область на странице при изменении поля формы Как добавить новый элемент, если в списке на форме его нет Как перезагрузить страницу после сохранения формы Как вывести списковые данные или таблицу внутри формы Как сделать зависимые поля в форме (Страна, Город) Как сделать кастомную HTML разметку для формы (jsRender) Как создать кастом форму с подтверждением действия по Email или SMS Установка фоновой панели для формы Как сделать задержку при сохранении формы (saveDelay) Подсказки-ограничители длины для полей в форме Как динамически изменять тип поля формы Как сохранить значение поля в браузере, чтобы каждый раз его не вбивать при загрузке (оставлять последнее сохраненное). Запоминание поля формы в браузере Как выводить разные данные на одной форме для разных ролей Как сделать форму с сохранением состояния Как сделать поля с анимацией значений Использование Google Recaptcha в формах Как обновить таблицу после сохранения формы в модальном окне Как указать произвольную маску для поля ввода в форме Кастом проверка полей формы через JS Как в выборе даты (datepicker) задать доступные даты Как создать форму для редактирования сущности Загрузка формы в выпадающем окне (dropdown) Добавление смайликов (emoji) в поля форм Как у формы сделать progress bar при загрузке формы Работа с датами в формах Показ количества символов рядом с полем в форме Кнопка очистки формы Reset Контроль заполнения ключевых форм на сайте Как сделать форму с простым подтверждением действия (confirm) Как поменять соотношение длины метки и поля Как при сохранении формы вывести сообщение printlog, а не alert
-
Поля формы
-
Загрузка файлов, картинок
-
HOWTO SQL
-
HOWTO JS
-
HOWTO Верстка
-
Решение проблем
-
Советы по реализации