首頁 >後端開發 >php教程 >PHP開發框架Yii Framework教程(40) Zii元件-SliderInput範例

PHP開發框架Yii Framework教程(40) Zii元件-SliderInput範例

黄舟
黄舟原創
2017-01-22 10:06:391527瀏覽

CJuiSliderInput 顯示一個滑動條,它也封裝了 JUI slider插件,可以用在Form中作為使用者輸入UI元件。

基本用法如下:

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如下:

class DataModel extends CFormModel{public $size;
public function rules(){return array(array('size', 'safe'),);}}

修改SiteController的indexAction方法:

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

! 40) Zii元件-SliderInput範例的內容,更多相關內容請關注PHP中文網(www.php.cn)!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn