ホームページ  >  記事  >  バックエンド開発  >  PHP 開発フレームワーク Yii Framework チュートリアル (38) Zii コンポーネント - ProgressBar の例

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

黄舟
黄舟オリジナル
2017-01-22 10:01:571644ブラウズ

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

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。