CJuiSlider的使用范例

＜View＞
--------------------------------------------------------

<form name="SliderForm"  id="SliderForm" method="post" action="index.php?r=chart/CJuiSlider">
    <?php
        $value = isset($level)?$level:10;
        $this->widget('zii.widgets.jui.CJuiSlider', array(
            'value'=> $value,
            'id'=>'spam-slider',
            'options'=>array(
                'min'=>1,  // 最小值
                'max'=>20, // 最大值
                'slide'=>'js:function(event,ui){
                            $("#level").val(ui.value); //改变隐藏属性level的值
                            $(this).find("a.ui-slider-handle").text(ui.value); // 在滑动条上显示选择的值
                         }',
                'create'=>'js:function(event,ui){ 
                            $(this).find("a.ui-slider-handle").text('. $value .'); // 初始化时显示的值
                         }',
            ),
            'htmlOptions'=>array('encode'=>false),
        ));
    ?>
    <?php echo CHtml::hiddenField('level', $value , array());?><br>
    <input type="submit" value="CJuiSlider TEST">
</form>

＜Controller＞
--------------------------------------------------------

    public function actionCJuiSlider(){
        Yii::log(print_r($_POST, true));
        $this->render('chart', array("level" => $_POST["level"]));
    }