CJuiSlider的使用范例

最新推荐文章于 2024-06-06 18:05:34 发布

iteye_20180

最新推荐文章于 2024-06-06 18:05:34 发布

阅读量141

点赞数

分类专栏： Yii 文章标签： php ui

本文链接：https://blog.csdn.net/iteye_20180/article/details/82434256

版权

Yii 专栏收录该内容

15 篇文章 0 订阅

订阅专栏

＜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"]));
    }