PHP 개발 프레임워크 Yii 프레임워크 튜토리얼(40) Zii 구성 요소-SliderInput 예

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)!