简体中文（ZH-CN）English（EN）繁体中文（ZH-TW）日本語（JA）한국어（KO）Melayu（MS）Français（FR）Deutsch（DE）
Heim
Artikel
Fragen und Antworten
Kurs
Thema
Herunterladen
Spiel
Wörterbuch
kürzliche Updates

Heim  >  Artikel  >  Backend-Entwicklung  >  Yii Framework 开发教程Zii组件-SliderInput示例_PHP教程

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

WBOY
WBOYOriginal
2016-07-14 10:07:561375Durchsuche

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,
 
));
}
201212129009
  

www.bkjia.comtruehttp://www.bkjia.com/PHPjc/477829.htmlTechArticleCJuiSliderInput 显示一滑动条，它也封装了 JUI slider插件，可以用在Form中作为用户输入UI组件。 基本用法如下： [php] div class=form ?php $form=$this-...
Stellungnahme：
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel：php、js、java的正则替换文本方式制作模板内容输出_PHP教程Nächster Artikel：paypal error:14094410:SSL routines:SSL3_READ_BYTES:sslv3 ale_PHP教程

In Verbindung stehende Artikel

Mehr sehen