andrew72ru/yii2-bootstrap-slider

滑动条选择数字范围

1.0 2015-08-13 04:42 UTC

This package is auto-updated.

Last update: 2024-09-23 01:56:43 UTC


README

滑动条用于选择数字范围。基于seiyria/bootstrap-slider

安装

通过composer安装此扩展是首选方式。

运行以下命令:

php composer.phar require --prefer-dist andrew72ru/yii2-bootstrap-slider "*"

或者在您的composer.json文件的require部分添加以下内容:

"andrew72ru/yii2-bootstrap-slider": "*"

```

使用方法

扩展安装后,只需在代码中通过以下方式使用:

更多信息,请访问seiyria/bootstrap-slider

$form->field($model, 'property')
    ->widget(\andrew72ru\slider\Slider::className(), [
        'min'           => 100,     // Find min value form you model if you want
        'max'           => 1000,    // Find max value form you model if you want
        'value1'        => 150,     // Optional, value to first slider init. Refer to min if not set
        'value2'        => 350,     // Optional, value to second slider init. Refer to max if not set
        'step'          => 1,       // Optional, refer to 1 if not set,
        'options'       => [
            // Avaliable all seiyria/bootstrap-slider options
        ]
        'clientEvents'  => [
            'slide' => 'function(e) {console.log(e)}',
            'slideStart' => 'function(e) {console.log(e)}',
            'slideStop' => 'function(e) {console.log(e)}',
            'change' => 'function(e) {console.log(e)}',
            'slideEnabled' => 'function(e) {console.log(e)}',
            'slideDisabled' => 'function(e) {console.log(e)}',
        ]
    ])

请注意,滑动条会向服务器发送150,200(逗号分隔)的值。调整您的搜索模型以分割它或类似操作。

例如

// Value – is a string value of form field 
if(strpos($value, ',') !== false)
    $where = ['between', 'value', explode(',', $value)[0], explode(',', $value)[1]];