Fixes #1065. CJuiSliderInput is now more customizable.

[resurtm]

Fixes #1065. CJuiSliderInput is now more customizable.

BC and API are okay.

Testing code:

<?php echo CHtml::beginForm(); ?>

<?php
class TestModel1 extends CFormModel
{
    public $price=150;
}
class TestModel2 extends CFormModel
{
    public $priceStart=150;
    public $priceStop=400;
}
?>

<?php $this->widget('zii.widgets.jui.CJuiSliderInput',array(
    'id'=>'slider1',
    'name'=>'price',
    'value'=>150,
    'options'=>array(
        'min'=>100,
        'max'=>500,
    ),
)); ?>
<?php $this->widget('zii.widgets.jui.CJuiSliderInput',array(
    'id'=>'slider2',
    'name'=>'priceStart',
    'value'=>150,
    'maxName'=>'priceStop',
    'maxValue'=>400,
    'options'=>array(
        'range'=>true,
        'min'=>100,
        'max'=>500,
    ),
    'idEndSuffix'=>'End',
)); ?>

<?php $this->widget('zii.widgets.jui.CJuiSliderInput',array(
    'id'=>'slider3',
    'model'=>new TestModel1(),
    'attribute'=>'price',
    'options'=>array(
        'min'=>100,
        'max'=>500,
    ),
)); ?>
<?php $this->widget('zii.widgets.jui.CJuiSliderInput',array(
    'id'=>'slider4',
    'model'=>new TestModel2(),
    'attribute'=>'priceStart',
    'maxAttribute'=>'priceStop',
    'options'=>array(
        'range'=>true,
        'min'=>100,
        'max'=>500,
    ),
    'idEndSuffix'=>'End',
)); ?>

<?php echo CHtml::submitButton(); ?>
<?php echo CHtml::endForm(); ?>

<?php
// ...

// controller action
public function actionIndex()
{
    if(Yii::app()->request->isPostRequest)
    {
        CVarDumper::dump($_POST);
        Yii::app()->end();
    }

    $this->render('index');
}

After submitting form above following ouput will happen:

array
(
    'price' => '150'
    'priceStart' => '150'
    'priceStop' => '400'
    'TestModel1' => array
    (
        'price' => '150'
    )
    'TestModel2' => array
    (
        'priceStart' => '150'
        'priceStop' => '400'
    )
    'yt0' => 'submit'
)

Generated HTML:

<form action="/" method="post">
    <input id="slider1" type="hidden" value="150" name="price" />
    <div id="slider1_slider"></div>

    <input id="slider2" type="hidden" value="150" name="priceStart" />
    <input id="slider2End" type="hidden" value="400" name="priceStop" />
    <div id="slider2_slider"></div>

    <input id="slider3" name="TestModel1[price]" type="hidden" value="150" />
    <div id="slider3_slider"></div>

    <input id="slider4" name="TestModel2[priceStart]" type="hidden" value="150" />
    <input id="slider4End" name="TestModel2[priceStop]" type="hidden" value="400" />
    <div id="slider4_slider"></div>

    <input type="submit" name="yt0" value="submit" />
</form>

Generated JS:

jQuery(function($) {
jQuery('#slider1_slider').slider({'min':100,'max':500,'value':150,'slide':function(event, ui) { jQuery('#slider1').val(ui.value); }});

jQuery('#slider2_slider').slider({'range':true,'min':100,'max':500,'values':[150,400],'slide':function(e,ui){ v=ui.values; jQuery('#slider2').val(v[0]); jQuery('#slider2End').val(v[1]); }});

jQuery('#slider3_slider').slider({'min':100,'max':500,'value':150,'slide':function(event, ui) { jQuery('#slider3').val(ui.value); }});

jQuery('#slider4_slider').slider({'range':true,'min':100,'max':500,'values':[150,400],'slide':function(e,ui){ v=ui.values; jQuery('#slider4').val(v[0]); jQuery('#slider4End').val(v[1]); }});

[resurtm]

__CLASS__ is a kind of reflection. Reflections are relatively slow, so i've removed it at all.

[resurtm]

Better readability.

[samdark]

Overall code looks OK. Haven't got a chance to check it in action yet.

[samdark]

@resurtm let's update strings to 1.1.14 and merge it.

[resurtm]

Merged manually: d698526...b7a1d14