andrew72ru / yii2-ion-range-slider
Ion.Range Slider widget for yii2
Installs: 369
Dependents: 1
Suggesters: 0
Security: 0
Stars: 1
Watchers: 1
Forks: 0
Open Issues: 0
Type:yii2-extension
Requires
- bower-asset/ionrangeslider: ^2.0
- yiisoft/yii2: *
This package is auto-updated.
Last update: 2024-10-23 02:54:48 UTC
README
Ion.Range Slider widget for yii2
To understand slider parameters please refer documentation of Ion.Range Slider here
Installation
The preferred way to install this extension is through composer.
Either run
php composer.phar require --prefer-dist andrew72ru/yii2-ion-range-slider "*"
or add
"andrew72ru/yii2-ion-range-slider": "*"
to the require section of your composer.json
file.
Usage
Once the extension is installed, simply use it in your code by :
use andrew72ru\ionrange\Slider; <?= $form->field($model, 'attribute')->widget(Slider::className(), [ 'options' => [] // Html tag options 'clientOptions' => [ 'type' => 'double', // Slider type 'grid' => true, // Whether is grid of values enabled or not 'min' => 0, // min slider value 'max' => 100, // max slider value 'from' => 10, // start position for left handle 'to' => 90, // start position for right handle ], 'clientEvents' => [ 'onStart' => 'function(data) { console.log(data) }', 'onChange' => 'function(data) { console.log(data) }', 'onFinish' => 'function(data) { console.log(data) }', 'onUpdate' => 'function(data) { console.log(data) }', ] ]); ?>
When slider changes finished, input values set to value0;value1
, where value0
and value1
are the positions of left and right handles separated by semicolon. In a form action it must be splitted or so.