jQuery EasyUI ปลั๊กตาม - แถบความคืบหน้า ProgressBar
ปลั๊กอิน jQuery EasyUI โดย $ .fn.progressbar.defaults แทนที่ค่าเริ่มต้นเริ่มต้น
แถบความคืบหน้า (ProgressBar) ให้การแสดงความคิดเห็นความคืบหน้าการดำเนินงานเป็นเวลานาน ความคืบหน้าสามารถปรับปรุงเพื่อให้ผู้ใช้ทราบการดำเนินงานในขณะนี้การดำเนินการ
วางใจ
- ไม่มีเลย
การใช้
สร้างแถบความคืบหน้า (ProgressBar)
แถบความคืบหน้า (ProgressBar) องค์ประกอบสามารถสร้างแท็กจาก HTML หรือการเขียนโปรแกรมที่สร้างขึ้น สร้างขึ้นจากแท็กง่ายต่อการ 'easyui-ProgressBar' class เพิ่มไปยัง <div> แท็ก
<div id = "p" class = "easyui-ProgressBar" ข้อมูลตัวเลือก = "ค่า: 60" style = "width: 400px;"> </ div>
ใช้ JavaScript ในการสร้างแถบความคืบหน้า (ProgressBar)
<div id = "p" style = "width: 400px;"> </ div>
$ ( '# P'). ProgressBar ({
คุ้มค่า: 60
});
ได้รับหรือการตั้งค่า
เราได้รับค่าปัจจุบันของส่วนประกอบและการตั้งค่าใหม่
ค่า var = $ ( '# P') ProgressBar ( 'getValue') .;
ถ้า (value <100) {
ค่า + = Math.Floor (Math.random () * 10);
. $ ( '# P') ProgressBar ( 'setValue' ค่า);
}
คุณสมบัติ
| 名称 | 类型 | 描述 | 默认值 |
|---|---|---|---|
| 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