在 Dojo 中以编程方式更新滑块答案

【问题标题】：Update a Slider Programmatically in Dojo在 Dojo 中以编程方式更新滑块
【发布时间】：2023-03-25 09:05:01
【问题描述】：

我有一个滑块，我喜欢通过输入字段更新滑块，我的意思是如果我在输入字段中输入一个数字并按下按钮，滑块会更新栏中的位置。

这是滑块的代码

       <li id="sliderHolder" class="leftPaneliconS">
                                    <div class="Slider" id="slider2" 
                                            data-dojo-type="dijit.form.VerticalSlider" 
                                            data-dojo-props='name:"vertical1", 
                        onChange:function(val){ hidesubmenu();zoomCanvas(val); }, 
                                                    value:50, 
                                                    maximum:100, 
                        minimum:20, 
                        pageIncrement:100, 
                        intermediateChanges: true, 
                        style:{height:"150px"} '>
                                            <ol data-dojo-type="dijit.form.VerticalRuleLabels" 
                                                    data-dojo-props='container:"leftDecoration", style:{width:"2em"}, labelStyle:"right:0px;"'>
                                                    <li></li>
                                                    <li></li>
                                            </ol>
                                    </div></li>

   <input id="update" name="update" value=" ">

我正在尝试这个：

    zoomvar=document.getElementsByName("vertical1"); 
   zoomvar.value=newValue;

但这不起作用。希望有人能帮到我

【问题讨论】：

标签： slider dojo dijit.form

【解决方案1】：

试试：dijit.byId("slider2").set("value", yourValue); 另外，请确保在您的滑块启动后调用它:)

【讨论】：