搜索
首页php教程php手册Yii Framework 开发教程Zii组件-SliderInput示例

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,

 

));

}

  

声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

热AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover

AI Clothes Remover

用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool

Undress AI Tool

免费脱衣服图片

Clothoff.io

Clothoff.io

AI脱衣机

Video Face Swap

Video Face Swap

使用我们完全免费的人工智能换脸工具轻松在任何视频中换脸!

热工具

WebStorm Mac版

WebStorm Mac版

好用的JavaScript开发工具

DVWA

DVWA

Damn Vulnerable Web App (DVWA) 是一个PHP/MySQL的Web应用程序,非常容易受到攻击。它的主要目标是成为安全专业人员在合法环境中测试自己的技能和工具的辅助工具,帮助Web开发人员更好地理解保护Web应用程序的过程,并帮助教师/学生在课堂环境中教授/学习Web应用程序安全。DVWA的目标是通过简单直接的界面练习一些最常见的Web漏洞,难度各不相同。请注意,该软件中

SublimeText3 英文版

SublimeText3 英文版

推荐:为Win版本,支持代码提示!

EditPlus 中文破解版

EditPlus 中文破解版

体积小,语法高亮,不支持代码提示功能

记事本++7.3.1

记事本++7.3.1

好用且免费的代码编辑器