easyUI ProgressBar
来源:互联网 发布:南京网络教育 编辑:程序博客网 时间:2024/06/05 08:16
@author YHC
覆盖默认值$.fn.progressbar.defaults.
progressbar 提供一个反馈显示一个长时间执行的进度条,progress 可以更新来让用户知道当前执行的一些操作.
相关依赖
- none
使用示例
创建ProgressBar
ProgressBar 组件可以从html标记和编程的方式创建.从标记创建非常简单.添加'easyui-progressbar'样式到<div/>标记<div id="p" class="easyui-progressbar" data-options="value:60" style="width:400px;"></div>使用javascript创建ProgressBar
<div id="p" style="width:400px;"></div>
$('#p').progressbar({ value: 60 });
得到 或者设置值
我们得到当前的值和设置新值到这个组件var value = $('#p').progressbar('getValue'); if (value < 100){ value += Math.floor(Math.random() * 10); $('#p').progressbar('setValue', value); }
属性
事件
示例代码:
$('#p').progressbar({onChange: function(value){alert(value)}});
方法
示例代码:
$('#p').progressbar('resize'); // 在原来的宽度重置bar的大小$('#p').progressbar('resize', 350); // 重置bar的大小使用新的宽度getValuenone返回当前的进度值.setValuevalue设置新的进度值.
以上如有错误信息,请指出,thanks!
- easyUI ProgressBar
- easyui 进度条(ProgressBar)
- easyui progressbar formatter
- easyui-progressbar进度条
- EasyUI之进度条progressBar
- easyui datagrid 与 progressbar相结合
- EasyUI(7) ProgressBar(进度条)组件
- 【连载】研究EasyUI系统—ProgressBar组件
- EasyUI基础入门之searchbox&progressbar(搜索框和进度条)
- EasyUi 进度条组件 ProgressBar 根据实时进度更改进度条颜色
- 如何在easyui的DataGrid的单元格添加ProgressBar进度条
- ProgressBar
- progressbar
- ProgressBar
- progressbar
- Progressbar
- progressbar
- progressbar
- 导出EXCEL
- 编码知识学习笔记之一
- windows 2003、2008关机或重启时的理由选择提示去掉
- nginx安装(Windows)入门实例简介
- 编码知识学习笔记之二
- easyUI ProgressBar
- 利用MEDIAPLAYER制作ANDROID播放器 .
- 编码知识学习笔记之三
- C#解析XML文件
- HDU-2795(线段树入门)
- 图文并茂 在ML OS X 10.8 + XCode4.4下实现无证书真机调试IOS5.1.1(亲测,附调试截图)
- RAII详解
- 遍历Map集合的多种方式
- 初学Android,使用Drawable资源之使用AnimationDrawable资源(十七)