Multiselect

Общие сведения

Редактируемый элемент Multiselect позволяет создать компонент поле множественного выбора в режиме редактирования.

Конфигурация

Имя	Тип	Описание
store	array	Пары ключ/значение для доступных опций
width	integer	Ширина сгенерированного блока в режиме редактирования
height	integer	Высота сгенерированного блока в режиме редактирования
class	string	CSS класс, который добавляется к окружающему контейнеру этого элемента в режиме редактирования

Методы

Имя	Возвращает	Описание
getData()	array	Возвращает массив выбранных значений в режиме редактирования
isEmpty()	boolean	Определяет, пустой ли элемент или нет

Пример

Ниже приведен код, который рендерит мультиселект в бэкенде. Он также отображает список выбранных элементов на фронтенде.

{% if editmode %}  
    {{ pimcore_multiselect("categories", {  
        "width": 200,  
        "height": 100,  
        "store": [  
            ["cars", "Cars"],  
            ["motorcycles", "Motorcycles"],  
            ["accessories", "Accessories"],  
        ]  
    }) }}  
{% else %}  
    <p>{{ "This page is linked to" | trans }}  
        {% for categoryKey in pimcore_multiselect("categories").getData %}  
            <span>  
            {{ categoryKey | trans }}  
        </span>  
        {% endfor %}  
        categories  
    </p>  
{% endif %}  

Предпросмотр в режиме редактирования:

На фронтенде вы можете найти отображенный текст с категориями, которые вы выбрали в режиме редактирования: