jQuery EasyUI 基础插件 - Progressbar 进度条
jQuery EasyUI 教程
· 2019-04-07 12:36:37
通过 $.fn.progressbar.defaults 重写默认的 defaults。
进度条（progressbar）提供了一种显示长时间操作进度的反馈。进度可被更新以便让用户知道当前正在执行的操作。
依赖
- none
用法
创建进度条（ProgressBar）
进度条（ProgressBar）组件可以从 html 标记创建或者编程创建。从标记创建更容易些，把 'easyui-progressbar' class 加入到 <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);
}
属性
| 名称 | 类型 | 描述 | 默认值 |
|---|---|---|---|
| width | string | 设置进度条（progressbar）的宽度。 | auto |
| height | number | 组件的高度。该属性自版本 1.3.2 起可用。 | 22 |
| value | number | 百分比值。 | 0 |
| text | string | 显示在组件上的文本模板。 | {value}% |
事件
| 名称 | 参数 | 描述 |
|---|---|---|
| onChange | newValue,oldValue | 当值改变时触发。 代码实例：
$('#p').progressbar({
onChange: function(value){
alert(value)
}
});
|
方法
| 名称 | 参数 | 描述 |
|---|---|---|
| options | none | 返回选项（options）对象。 |
| resize | width | 调整组件尺寸。 代码实例：
$('#p').progressbar('resize'); // 调整进度条为初始宽度
$('#p').progressbar('resize', 350); // 调整进度条为一个新的宽度
|
| getValue | none | 返回当前的进度值。 |
| setValue | value | 设置一个新的进度值。 |
点击查看所有 jQuery EasyUI 教程 文章: https://codercto.com/courses/l/42.html
释放潜能：平台型组织的进化路线图
穆胜 / 人民邮电出版社 / 2017-12 / 59.80元
传统的组织模式中，企业逃不出“员工动不起来”和“创新乏力”的宿命。互联网改变商业逻辑的同时也改变了组织逻辑。平台型组织是匹配互联网商业逻辑的组织模式，它赋予了基层员工更多的责权利，能够在需求侧灵敏获取用户刚需、在供给侧灵活整合各类资源、用“分好钱”的机制激活个体去整合各类资源满足用户刚需，形 成供需之间的高效连接。 打造平台型组织有两大主题：一是通过设计精巧的激励机制让每个人都能感受到市场的压力，......一起来看看 《释放潜能：平台型组织的进化路线图》 这本书的介绍吧!
