ホームページ  >  記事  >  バックエンド開発  >  Yii フレームワーク開発チュートリアル Zii Component-SliderInput Example_PHP チュートリアル

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

WBOY
WBOYオリジナル
2016-07-14 10:07:561354ブラウズ

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(
)
'モデル' => $モデル、
));
}
Yii フレームワーク開発チュートリアル Zii Component-SliderInput Example_PHP チュートリアル
  

www.bkjia.com本当http://www.bkjia.com/PHPjc/477829.html技術記事 CJuiSliderInput は、JUI スライダー コンポーネントも封入されているスライド バーを表示し、フォーム内でユーザー入力 UI コンポーネントとして使用できます。
声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。