Yii フレームワーク開発チュートリアル Zii Component-SliderInput Example_PHP チュートリアル

CJuiSliderInput はスライダーを表示します。これは JUI スライダー プラグインもカプセル化しており、ユーザー入力 UI コンポーネントとしてフォームで使用できます。

基本的な使い方は以下の通りです

[php]

beginWidget('CActiveForm') ?>

errorsummary($model) ?>

widget('zii.widgets.jui.CJuiSliderInput', array(

'モデル'=>$モデル、

「属性」=>「サイズ」、

'名前'=>'my_slider',

'値'=>50、

'イベント'=>'変更'、

'オプション'=>array(

'min'=>0,

'max'=>100、

'slide'=>'js:function(event,ui){$("#amount").text(ui.value);}',

)、

'htmlOptions'=>array(

'style'=>'width:200px;'

)、

));

50

️

endWidget() ?>

beginWidget('CActiveForm') ?>

errorsummary($model) ?>

widget('zii.widgets.jui.CJuiSliderInput', array(

)

'モデル'=>$model,

'属性'=>'サイズ',

'名前'=>'my_slider',

'値'=>50,

'イベント'=>'変更',

'オプション'=>array(

'分'=>0,

'max'=>100,

のスライド'=>'js:function(event,ui){$("#amount").text(ui.value);}',

)、

'htmlオプション'=>array(

'style'=>'width:200px;'

)、

));?>

50

endWidget() ?>

;

ユーザーが送信した後、result.php を使用して、ユーザーが入力した値を表示します。 ここで DataModel は次のように定義されます。

[php]

クラス DataModel は CFormModel を拡張します

{

public $size;  

パブリック関数ルール()

{

return array(

array('size', 'safe'),

);  

}

}

DataModel クラスは CFormModel を拡張します

{

公開 $size;

パブリック関数ルール()

{

配列を返す(

配列('サイズ', '安全'),

);

}

}

SiteControllerを変更するindexActionメソッド：

[php]

パブリック関数 actionIndex()

{

$model=new DataModel();  

$model->size=50;  

if(!emptyempty($_POST['DataModel']))

{

$model->attributes=$_POST['DataModel'];  

if($model->validate())

{

$this->render('result', array(

'モデル' => $モデル、

));  

戻る;  

}

}

$this->render('index', array(

'モデル' => $モデル、

));  

}

パブリック関数 actionIndex()

{

$model=新しいデータモデル();

$モデル->サイズ=50;

if(!empty($_POST['DataModel']))

{

$model->attributes=$_POST['DataModel'];

if($model->validate())

{

$this->render('result', array(

)

'モデル' => $モデル、

));

戻る;

}

}

$this->render('index', array(

)

'モデル' => $モデル、

));

}

  

http://www.bkjia.com/PHPjc/477829.htmlwww.bkjia.com本当http://www.bkjia.com/PHPjc/477829.html技術記事 CJuiSliderInput は、JUI スライダー コンポーネントも封入されているスライド バーを表示し、フォーム内でユーザー入力 UI コンポーネントとして使用できます。