使用dojo 1.8无法正确呈现Horizo​​ntalRangeSlider

时间:2012-10-17 17:11:24

标签: dojo

我正在尝试让dojo的Horizo​​ntalRangeSlider工作,but a simple example in jsFiddle似乎无法正确呈现(Firefox 16或Chrome)。

这是用于多头滑块的正确组件吗? The documentation for 1.8仍然使用1.6约定。

2 个答案:

答案 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输出

请参阅http://jsfiddle.net/g78Uk/1/

答案 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");

您可以在此处找到更多详细信息。

http://jsfiddle.net/g78Uk/21/