Перейти к основному содержимому

Numeric

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

Редактируемый элемент Numeric очень похож на редактируемый элемент Input, но с особыми настройками для работы с числами.

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

ИмяТипОписание
maxValuefloatОпределяет максимальное значение
minValuefloatОпределяет минимальное значение
widthintegerШирина поля в пикселях
classstringCSS-класс, который добавляется к окружающему контейнеру этого элемента в режиме редактирования
defaultValuestringЗначение по умолчанию для доступных опций, представленное как строка
requiredbooleanУстанавливается в true, чтобы сделать значение поля обязательным для публикации

Методы

ИмяВозвращаетОписание
getData()int,floatЗначение числового поля. Это полезно для получения значения даже в режиме редактирования
isEmpty()booleanОпределяет, пуст ли редактируемый элемент или нет

Примеры

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

{{ pimcore_numeric("myNumber") }}  

Теперь вы можете видеть числовое значение в режиме редактирования Numeric input - editmode

Расширенное использование

В следующем примере мы будем использовать минимальное и максимальное значение, а также десятичную точность.

{{ pimcore_numeric("myNumber", {  
"width": 300,
"minValue": 0,
"maxValue": 100,
"decimalPrecision": 0
})
}}

Чтобы также отобразить число в режиме редактирования, вы можете использовать метод getData().

<p>  
{{ pimcore_numeric("myNumber").getData() }}
</p>


Вы можете предложить улучшение документации или задать вопрос в комментариях.
Если вам нужна полноценная консультация — вы можете заказать её на нашем сайте.