CJuiProgressBar显示一进度条。它封装了 JUI Progressbar插件。CJuiProgressBar显示一进度条。它封装了 JUI Progressbar插件。
<?php $this->widget('zii.widgets.jui.CJuiProgressBar', array( 'id'=>'progress', 'value'=>0, 'htmlOptions'=>array( 'style'=>'width:200px; height:20px; float:left;' ), )); ?>
为了演示进度条,我们使用JavaScripts改变进度条当前值,并使用一个文本显示当前进度条的值。
<?php // 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); ?> ... <center id="amount" style="margin-left:210px; padding:3px;"></center>
开发框架Yii Framework教程(38) Zii组件-ProgressBar示例-yii2 user组件">
查看全套教程:http://www.bianceng.cn/webkf/PHP/201301/35265.htm
本例下载:http://www.imobilebbs.com/download/yii/JuiDialogDemo.zip
以上是小编为您精心准备的的内容,在的博客、问答、公众号、人物、课程等栏目也有的相关内容,欢迎继续使用右上角搜索按钮进行搜索progressbar
, 插件
, 封装
, 开发框架
, 进度
, 当前
, 进度条示例
进度条插件
yii2 user组件、yii2 组件、yii2扩展组件、yii2 自定义组件、yii 组件,以便于您获取更多的相关知识。