PHP 開発フレームワーク Yii Framework チュートリアル (38) Zii コンポーネント - ProgressBar の例

CJuiProgressBar は進行状況バーを表示します。 JUI Progressbar プラグインをカプセル化します。 CJuiProgressBar は進行状況バーを表示します。 JUI Progressbar プラグインをカプセル化します。

widget('zii.widgets.jui.CJuiProgressBar', array(
'id'=>'progress',
'value'=>0,
'htmlOptions'=>array(
'style'=>'width:200px; height:20px; float:left;'
),
));
?>

進行状況バーをデモンストレーションするために、JavaScript を使用して進行状況バーの現在値を変更し、テキストを使用して進行状況バーの現在値を表示します。

// Dummy function just to provide an example
Yii::app()->clientScript->registerScript('scriptId', "
var count = 0;
var step = 10;
var speed = 500;
function progress() {
$('#amount').text(count+'%');
$('#progress').progressbar('option', 'value', count);
if(count < 100) {
count = count+step;
setTimeout(progress, speed);
}
}
progress();
", CClientScript::POS_LOAD);
?>
...

上記は、PHP 開発フレームワーク Yii Framework チュートリアル (38) Zii コンポーネント - ProgressBar の例の内容です。さらに関連した内容については、PHP 中国語 Web サイト (www.php.cn) に注目してください。