jQuery EasyUI รูปแบบปลั๊กอิน - เลื่อนเลื่อน
ปลั๊กอิน jQuery EasyUI โดย $ .fn.slider.defaults แทนที่ค่าเริ่มต้นเริ่มต้น
แถบเลื่อน (เลื่อน) ช่วยให้ผู้ใช้สามารถเลือกค่าจากช่วงที่ จำกัด เมื่อคุณย้ายเลื่อนพร้อมควบคุมติดตามแสดงกล่องข้อความแสดงค่าปัจจุบันผู้ใช้สามารถปรับแต่งการเลื่อนโดยการตั้งค่าคุณสมบัติของมัน
วางใจ
- ลากไปมาได้
การใช้
เมื่อใช้เป็นข้อมูลรูปแบบที่จะใช้จาก <input> tag สร้างเลื่อน (เลื่อน)
<input class = "easyui เลื่อน" value = "12" style = "width: 300px"
ข้อมูลตัวเลือก = "showTip: จริงกฎ: [0 '|', 25, '|', 50, '|' 75 ',' | '100]">
จาก <div> สร้างเลื่อน (เลื่อน) นอกจากนี้ยังได้รับอนุญาต แต่แอตทริบิวต์ 'คุ้มค่า' ไม่ถูกต้อง
<div class = "easyui เลื่อน" data-ตัวเลือก = "นาที: 10 แม็กซ์: 90 ขั้นตอนที่: 10" style = "width: 300px"> </ div>
สร้างสไลด์ลง (เลื่อน) ก
<div id = "SS" style = "height: 200px"> </ div>
$ ( '# Ss'). Slider ({
โหมด: 'V',
tipFormatter: ฟังก์ชั่น (ค่า) {
ค่าตอบแทน + '%';
}
});
คุณสมบัติ
| 名称 | 类型 | 描述 | 默认值 |
|---|---|---|---|
| width | number | 滑块（slider）的宽度。 | auto |
| height | number | 滑块（slider）的高度。 | auto |
| mode | string | 只是滑块（slider）的类型。可能的值：'h'(horizontal)、'v'(vertical)。 | h |
| reversed | boolean | 当设置为 true 时，将会对调最小值和最大值的位置。该属性自版本 1.3.2 起可用。 | false |
| showTip | boolean | 定义是否显示值信息提示框。 | false |
| disabled | boolean | 定义是否禁用滑块（slider）。 | false |
| value | number | 默认值。 | 0 |
| min | number | 允许的最小值。 | 0 |
| max | number | 允许的最大值。 | 100 |
| step | number | 增加或减少的值。 | 1 |
| rule | array | 在滑块旁边显示标签，'|' — 值显示线。 | [] |
| tipFormatter | function | 格式化滑块值的函数。返回作为提示框显示的字符串值。 |
เหตุการณ์
| 名称 | 参数 | 描述 |
|---|---|---|
| onChange | newValue,oldValue | 当文本域的值改变时触发。 |
| onSlideStart | value | 当开始拖拽滑块时触发。 |
| onSlideEnd | value | 当停止拖拽滑块时触发。 |
| onComplete | value | 当滑块的值被用户改变时触发，无论是通过拖拽滑块改变还是通过点击滑块改变都会触发。该事件自版本 1.3.4 起可用。 |
ทาง
| 名称 | 参数 | 描述 |
|---|---|---|
| options | none | 返回滑块（slider）选项（options）。 |
| destroy | none | 销毁滑块（slider）对象。 |
| resize | param | 设置滑块尺寸。'param' 参数包含下列属性： width：新的滑块宽度 height：新的滑块高度 |
| getValue | none | 获取滑块（slider）的值。 |
| setValue | value | 设置滑块（slider）的值。 |
| clear | none | 清除滑块（slider）的值。该方法自版本 1.3.5 起可用。 |
| reset | none | 重置滑块（slider）的值。该方法自版本 1.3.5 起可用。 |
| enable | none | 启用滑块（slider）组件。 |
| disable | none | 禁用滑块（slider）组件。 |
ปลั๊กอิน jQuery EasyUI