jQuery EasyUI berbasis plug - Progressbar progress bar
jQuery EasyUI Plugin
Dengan $ .fn.progressbar.defaults menimpa default default.
Progress bar (progressbar) menyediakan tampilan umpan balik kemajuan operasi untuk waktu yang lama. Kemajuan dapat diperbarui untuk membiarkan pengguna mengetahui operasi yang saat ini sedang dilakukan.
mengandalkan
- tak satupun
pemakaian
Membuat progress bar (ProgressBar)
Progress bar (ProgressBar) komponen dapat membuat tag dari html atau pemrograman dibuat. Dibuat dari tag mudah ke kelas 'easyui-progressbar' ditambahkan ke <div> tag.
<Div id = "p" class = "easyui-progressbar" Data-opsi = "value: 60" style = "width: 400px;"> </ div>
Gunakan javascript untuk membuat progress bar (ProgressBar).
<Div id = "p" style = "width: 400px;"> </ div>
$ ( '# P'). Progressbar ({ Nilai: 60 });
Mendapat atau menetapkan nilai
Kami mendapatkan nilai sekarang dari komponen dan untuk menetapkan nilai baru.
nilai var = $ ( '# p') progressbar ( 'getValue') .; jika (nilai <100) { nilai + = Math.floor (Math.random () * 10); . $ ( '# P') progressbar ( 'setValue', nilai); }
milik
名称 | 类型 | 描述 | 默认值 |
---|---|---|---|
width | string | 设置进度条(progressbar)的宽度。 | auto |
height | number | 组件的高度。该属性自版本 1.3.2 起可用。 | 22 |
value | number | 百分比值。 | 0 |
text | string | 显示在组件上的文本模板。 | {value}% |
peristiwa
名称 | 参数 | 描述 |
---|---|---|
onChange | newValue,oldValue | 当值改变时触发。 代码实例: $('#p').progressbar({ onChange: function(value){ alert(value) } }); |
cara
名称 | 参数 | 描述 |
---|---|---|
options | none | 返回选项(options)对象。 |
resize | width | 调整组件尺寸。 代码实例: $('#p').progressbar('resize'); // 调整进度条为初始宽度 $('#p').progressbar('resize', 350); // 调整进度条为一个新的宽度 |
getValue | none | 返回当前的进度值。 |
setValue | value | 设置一个新的进度值。 |
jQuery EasyUI Plugin