Jump to main content Jump to doc navigation

Что такое input.autocomplete?

Этот сниппет быстро добавляет поле автодополнения в форму.

Использование

Пример input.autocomplete с object:

[[input.autocomplete? &object=`{"name": "sekftUSCities", "sortby": "city_name", "value": "city_name", "label": "city_name"}`]]

Свойства

Имя Описание По умолчанию Обязательно Версия
input_id ID поля ввода. >0.0.1
name Имя поля ввода. >0.0.1
value Значение поля ввода. >0.0.1
object JSON-массив опций для списка combobox. Yes >0.0.1
filter JSON-массив для фильтрации списка combo. >0.0.1
helper_snippet Имя сниппета для ajax-запроса смены списка опций. >0.0.1
min_length Минимум символов до начала фильтрации. 2 >0.0.1
max_rows Максимум строк в списке 15 >0.0.1

object

Свойство object задаёт опции combo box из таблицы MODX.

Имя Описание По умолчанию Обязательно Версия
name Имя таблицы MODX по имени объекта. Yes >0.0.1
sortby Поле таблицы для сортировки. >0.0.1
value Поле таблицы как value опции. Yes >0.0.1
label Поле таблицы как label опции. Yes >0.0.1

filter

Свойство filter фильтрует данные, возвращаемые object.

Имя Описание По умолчанию Обязательно Версия
input_id ID поля, которое динамически меняет список опций. >0.0.1
name Имя объекта для фильтра. >0.0.1
field Поле для фильтрации результатов. Yes >0.0.1
value Значение фильтра. >0.0.1

Примеры

Object

Данные из объекта таблицы задаются простым JSON: имя объекта, необязательная сортировка, поля label и value.

[[!input.autocomplete?
    &object=`{"name": "sekftUSCities", "sortby": "city_name", "value": "city_name", "label": "city_name"}`
]]

Автодополнение можно фильтровать на лету через jquery. Подробнее в Advanced Examples.

Support the team building MODX with a monthly donation.

The budget raised through OpenCollective is transparent, including payouts, and any contributor can apply to be paid for their work on MODX.

Backers

  • modmore
  • STERC
  • Digital Penguin
  • Jens Wittmann – Gestaltung & Entwicklung
  • CrewMark
  • Fabian Christen
  • Sepia River Studios
  • Dannevang Digital
  • Alex
  • A. Moreno
  • Chris Fickling
  • Stéphane Jäggi
  • Murray Wood
  • Anton Tarasov
  • deJaya
  • JT Skaggs
  • Lefthandmedia
  • eydolan
  • Following Sea
  • Guido Gallenkamp
  • YJ
  • Raffy
  • Snow Creative
  • Nick Clark
  • Guest
  • Helen
  • krisznet
  • Yanni
  • Richard

Budget

$204 per month—let's make that $500!

Learn more