You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
70 lines
2.0 KiB
70 lines
2.0 KiB
/** |
|
* Created by Dailer on 2017/7/14. |
|
*/ |
|
Demo.IntervalSlider = BI.inherit(BI.Widget, { |
|
props: { |
|
baseCls: "" |
|
}, |
|
|
|
render: function () { |
|
var self = this; |
|
var min = BI.createWidget({ |
|
type: "bi.text_editor", |
|
watermark: "min", |
|
width: 100 |
|
}); |
|
var max = BI.createWidget({ |
|
type: "bi.text_editor", |
|
watermark: "max", |
|
width: 100 |
|
}) |
|
return { |
|
type: "bi.horizontal_auto", |
|
items: [{ |
|
type: "bi.interval_slider", |
|
ref: function (_ref) { |
|
self.slider = _ref; |
|
}, |
|
width: 300, |
|
height: 90 |
|
}, { |
|
type: "bi.center_adapt", |
|
width: 300, |
|
items: [{ |
|
type: "bi.text", |
|
text: "min" |
|
}, min, { |
|
type: "bi.text", |
|
text: "max" |
|
}, max] |
|
}, { |
|
type: "bi.button", |
|
text: "populate", |
|
handler: function () { |
|
self.slider.setMinAndMax({ |
|
min: min.getValue() || 0, |
|
max: max.getValue() || 100 |
|
}); |
|
self.slider.populate(); |
|
}, |
|
width: 300 |
|
}, { |
|
type: "bi.button", |
|
text: "setValue", |
|
handler: function () { |
|
|
|
//既然 setVlaue后要重新 populate 才能生效,为何不直接在 setValue方法的结尾调用 populate 方法呢? |
|
self.slider.setValue({ |
|
min: 20, |
|
max: 80 |
|
}); |
|
self.slider.populate(); |
|
}, |
|
width: 300 |
|
}], |
|
vgap: 20 |
|
} |
|
} |
|
}) |
|
|
|
BI.shortcut("demo.interval_slider", Demo.IntervalSlider); |