PHP 개발 프레임워크 Yii 프레임워크 튜토리얼(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 프레임워크 튜토리얼(38) Zii 컴포넌트-ProgressBar 예제의 내용입니다. 더 많은 관련 내용은 PHP 중국어를 참고해주세요. 웹사이트(www.php.cn)!