如何使用Dojo Range Slider设置3个或更多手柄

Question

With Dojo Range Slider there are only two handles (Which basically serves the purpose of specifying a range).

It would be better if we have a range slider with more than two handles. In the simplest case it can be assumed that the first handle, second handle, third handle and so on represent some percentage of the whole length of the slider and they together make up 100%, like this

So, my question - is there any way to somehow do this with dojo slider, or what needs to change in the rangeSlider.js (dojox.form.RangeSlider.js) or some other file to acheive this ?

Answer 1

You can relatively easily build such a widget using the Dojo dgauges framework (dojox/dgauges). This allows you among other things to build interactive gauges with several indicator. Each vertical bar in your example would be an indicator.

See here for doc: http://dojotoolkit.org/reference-guide/1.9/dojox/dgauges.html

Some examples: http://archive.dojotoolkit.org/nightly/dojotoolkit/dojox/dgauges/tests/test_BulletGraph.html http://archive.dojotoolkit.org/nightly/dojotoolkit/dojox/dgauges/tests/test_Classic_HorizontalLinearGauge.html