CJuiSliderInput은 JUI 슬라이더 플러그인을 캡슐화하고 양식에서 사용자 입력 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, ));}
위는 PHP 개발 프레임워크 Yii 프레임워크 튜토리얼(40) Zii 컴포넌트-SliderInput 예제의 내용입니다. 중국사이트(www.php.cn)!