Ползунок горизонтального диапазона Dojo с 2 полями ввода

Я хотел бы иметь ползунок горизонтального диапазона со значениями, отображаемыми в двух разных полях ввода. В следующем исходном коде, представленном на веб-сайте https://dojotoolkit.org/reference-guide/1.10/dojox/form/RangeSlider.html, значения отображаются только в одном поле ввода и разделяются запятой (',') строкаПолзунок горизонтального диапазона Dojo с 2 полями ввода

Любая помощь приветствуется.

источник

2016-10-20 Manu

Пожалуйста, добавьте код непосредственно к вопросу (без необходимости внешней ссылки), чтобы люди могли понять, что вы хотите лучше. Я также добавил бы подробное объяснение того, что (и как) делают коды и чего вы хотите достичь. – Tuzane

Свойство value ползунка - это массив, содержащий как значение. Вам просто нужно заполнить значения двумя разными входами вместо одного. как показано ниже

require(["dojox/form/HorizontalRangeSlider", "dojo/dom", "dojo/domReady!"], function(HorizontalRangeSlider, dojoDom){ 
 
    
 
    var rangeSlider = new HorizontalRangeSlider({ 
 
    name: "rangeSlider", 
 
    value: [2,6], 
 
    minimum: -10, 
 
    maximum: 10, 
 
    intermediateChanges: true, 
 
    style: "width:300px;", 
 
    onChange: function(value){ 
 
     dojoDom.byId("sliderValueMin").value = value[0]; 
 
     dojoDom.byId("sliderValueMax").value = value[1]; 
 
    } 
 
    }, "rangeSlider"); 
 
    
 
});

<link href="//ajax.googleapis.com/ajax/libs/dojo/1.11.2/dijit/themes/claro/claro.css" rel="stylesheet"/> 
 
<link href="//ajax.googleapis.com/ajax/libs/dojo/1.11.2/dojox/form/resources/RangeSlider.css" rel="stylesheet"/> 
 
<script src="//ajax.googleapis.com/ajax/libs/dojo/1.11.2/dojo/dojo.js"></script> 
 
<body class="claro"> 
 
    <div id="rangeSlider"></div> 
 
    <p><input type="text" id="sliderValueMin" /></p> 
 
    <p><input type="text" id="sliderValueMax" /></p> 
 
</body>

источник

2016-10-20 13:41:55

Теперь я пытаюсь установить стиль слайдера, но, похоже, он не работает. – Manu

Как установить HorizontalRule и HorizontalRuleLabels? Он показывает только цифры, но не градуированный масштаб. – Manu

Извините, что я его разузнал. – Manu

Ползунок горизонтального диапазона Dojo с 2 полями ввода

ответ

Смежные вопросы