>백엔드 개발 >PHP 튜토리얼 >PHP 개발 프레임워크 Yii 프레임워크 튜토리얼(38) Zii 구성 요소-ProgressBar 예

PHP 개발 프레임워크 Yii 프레임워크 튜토리얼(38) Zii 구성 요소-ProgressBar 예

黄舟
黄舟원래의
2017-01-22 10:01:571667검색

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

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.