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

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

黄舟
リリース: 2023-03-05 09:30:01
オリジナル
1671 人が閲覧しました

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 サイト (m.sbmmt.com) に注目してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート