PHP-Entwicklungsframework Yii Framework-Tutorial (38) Zii-Komponente – ProgressBar-Beispiel

CJuiProgressBar zeigt einen Fortschrittsbalken an. Es kapselt das JUI Progressbar-Plugin. CJuiProgressBar zeigt einen Fortschrittsbalken an. Es kapselt das JUI Progressbar-Plugin.

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

Um den Fortschrittsbalken zu demonstrieren, verwenden wir JavaScripts, um den aktuellen Wert des Fortschrittsbalkens zu ändern und verwenden einen Text, um den aktuellen Wert des Fortschrittsbalkens anzuzeigen.

// 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);
?>
...

Das Obige ist der Inhalt des PHP-Entwicklungsframeworks Yii Framework-Tutorial (38) Zii-Komponenten-ProgressBar-Beispiel. Weitere verwandte Inhalte finden Sie unter PHP chinesische Website (www.php .cn)!