Home > php教程 > php手册 > body text

Yii Framework 开发教程Zii组件-SliderInput示例

WBOY
Release: 2016-06-13 10:54:00
Original
1342 people have browsed it

CJuiSliderInput 显示一滑动条,它也封装了 JUI slider插件,可以用在Form中作为用户输入UI组件。

 

基本用法如下:

 

 

[php]  

 

beginWidget('CActiveForm'); ?>  

  

    errorSummary($model); ?>  

  

 widget('zii.widgets.jui.CJuiSliderInput', array(  

    'model'=>$model,  

    'attribute'=>'size',  

    'name'=>'my_slider',  

    'value'=>50,  

    'event'=>'change',  

    'options'=>array(  

                'min'=>0,  

                'max'=>100,  

                'slide'=>'js:function(event,ui){$("#amount").text(ui.value);}',  

                ),  

            'htmlOptions'=>array(  

                'style'=>'width:200px; float:left;'  

                ),  

 )); ?>  

  

50
 

   

 

         

   

 

  

endWidget(); ?>  

 

 

beginWidget('CActiveForm'); ?>

 

    errorSummary($model); ?>

 

 widget('zii.widgets.jui.CJuiSliderInput', array(

  'model'=>$model,

  'attribute'=>'size',

  'name'=>'my_slider',

  'value'=>50,

  'event'=>'change',

  'options'=>array(

  'min'=>0,

  'max'=>100,

  'slide'=>'js:function(event,ui){$("#amount").text(ui.value);}',

  ),

  'htmlOptions'=>array(

  'style'=>'width:200px; float:left;'

  ),

 )); ?>

 

50

   

       

   

 

endWidget(); ?>

 

用户提交后,使用result.php来显示用户输入的值,这里定义DataModel如下:

 

 

 

[php]  

class DataModel extends CFormModel  

{  

    public $size;  

  

    public function rules()  

    {  

        return array(  

            array('size', 'safe'),  

        );  

    }  

}  

 

class DataModel extends CFormModel

{

public $size;

 

public function rules()

{

return array(

array('size', 'safe'),

);

}

}

 

修改SiteController的indexAction方法:

 

 

 

[php]  

public function actionIndex()  

{  

  

    $model=new DataModel();  

    $model->size=50;  

    if(!emptyempty($_POST['DataModel']))  

    {  

        $model->attributes=$_POST['DataModel'];  

  

        if($model->validate())  

        {  

            $this->render('result', array(  

                'model' => $model,  

  

                ));  

            return;  

        }  

  

    }  

  

    $this->render('index', array(  

            'model' => $model,  

  

            ));  

}  

 

public function actionIndex()

{

 

$model=new DataModel();

$model->size=50;

if(!empty($_POST['DataModel']))

{

$model->attributes=$_POST['DataModel'];

 

if($model->validate())

{

$this->render('result', array(

'model' => $model,

 

));

return;

}

 

}

 

$this->render('index', array(

'model' => $model,

 

));

}

  

source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Recommendations
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
About us Disclaimer Sitemap
php.cn:Public welfare online PHP training,Help PHP learners grow quickly!