Maison  >  Article  >  développement back-end  >  Framework de développement PHP Tutoriel Yii Framework (38) Exemple de composant Zii-ProgressBar

Framework de développement PHP Tutoriel Yii Framework (38) Exemple de composant Zii-ProgressBar

黄舟
黄舟original
2017-01-22 10:01:571644parcourir

CJuiProgressBar affiche une barre de progression. Il encapsule le plugin JUI Progressbar. CJuiProgressBar affiche une barre de progression. Il encapsule le plugin JUI Progressbar.

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

Pour démontrer la barre de progression, nous utilisons JavaScript pour modifier la valeur actuelle de la barre de progression et utilisons un texte pour afficher la valeur actuelle de la barre de progression.

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

Framework de développement PHP Tutoriel Yii Framework (38) Exemple de composant Zii-ProgressBar

Ce qui précède est le contenu du tutoriel du cadre de développement PHP Yii Framework (38) Exemple de composant Zii-ProgressBar Pour plus de contenu connexe, veuillez prêter attention au. Site Web chinois PHP (www.php .cn) !

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn