Select

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

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

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

Имя	Тип	Описание
store	array	Пары ключ/значение для доступных опций
reload	bool	Установите значение true, чтобы перезагрузить страницу в режиме редактирования после выбора опции
width	integer	Ширина сгенерированного блока в пикселях
class	string	CSS класс, который добавляется к окружающему контейнеру этого элемента в режиме редактирования
defaultValue	string	Значение по умолчанию для доступных опций. Примечание: Это значение необходимо сохранить перед вызовом функции getData() или использовать setDataFromResource()
required	boolean	(по умолчанию: false) установите значение true, чтобы сделать значение поля обязательным для публикации
editable	boolean	(по умолчанию: false) установите значение true, чтобы разрешить пользовательскую опцию

Методы

Имя	Возвращает	Описание
getData()	string	Значение элемента Select, это полезно для получения значения даже в режиме редактирования
isEmpty()	bool	Определяет, пустой ли элемент или нет

Примеры

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

Приведенный ниже код показывает поле выбора в режиме редактирования, в предварительном просмотре во фронтенде вы увидите просто значение выбранной опции.

{% if editmode %}  
    {{ pimcore_select("valid_for", {  
            "store": [  
                ["one-month", "One month"],  
                ["three-months", "Three months"],  
                ["unlimited", "Unlimited"]  
            ],  
            "defaultValue": "unlimited"  
        }) }}  
{% else %}  
    <p>  
        {{ "Something is valid for" | trans }}:{{ pimcore_select("valid_for").getData() | trans  }}  
    </p>  
{% endif %}  

Режим редактирования:

Фронтенд:

Предварительный выбор опции

Вы можете предварительно выбрать опцию в вашем Select Editable с помощью setDataFromResource()

{% if editmode %}  
    {% if pimcore_select('valid_for').isEmpty() %}  
        {% do pimcore_select('valid_for').setDataFromResource('unlimited') %}  
    {% endif %}  
      
    ...  
      
{% endif %}