我正在尝试让dojo的HorizontalRangeSlider工作,but a simple example in jsFiddle似乎无法正确呈现(Firefox 16或Chrome)。
这是用于多头滑块的正确组件吗? The documentation for 1.8仍然使用1.6约定。
答案 0 :(得分:4)
您的样本缺少样式表。 dojox/form/RangeSlider
附带一个dojox/form/resources
,位于<link rel="stylesheet"
href="http://ajax.googleapis.com/ajax/libs/dojo/1.8/dojox/form/resources/RangeSlider.css"
/>
下。
添加:
{{1}}
到你的html输出
答案 1 :(得分:1)
这是一个带有标尺的小提琴的改进版本,以编程方式添加。
var sliderRules = new dijit.form.HorizontalRuleLabels({
minimum: 0,
maximum: 12,
labels: ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"],
labelStyle: "font-size:9px;color: #333",
style: "width:300px;height:30px;"
}, "ruler");
var rangeSlider = new dojox.form.HorizontalRangeSlider({
name: "rangeSlider",
value: [2, 6],
minimum: 0,
maximum: 12,
discreteValues: 12,
style: "width:300px;",
onChange: function (value) {
//alert('change occurred');
}
}, "rangeSlider");
您可以在此处找到更多详细信息。