Как выбрать значение списка через справочник в модальном окне

В статье рассказываем как на базе платформы 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 (т.е. заранее используйте в подобной таблице такое имя, если планируете использовать эту таблицу для выбора значений).

Falcon Space - функциональная веб-платформа разработки на узком стеке MS SQL/Bootstrap. Вводная по Falcon Space
Насколько полезной была статья?

Google поиск по нашей документации

Выгода от использования Falcon Space

В 2-3 раза экономнее и быстрее, чем заказная разработка
Более гибкая, чем коробочные решения и облачные сервисы
Используйте готовые решения и изменяйте под свои потребности
Нужна бесплатная консультация?
Планируете делать веб-проект?
Сайт использует Cookie. Правила конфиденциальности OK