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

时间:2012-02-14 22:32:07

标签: slider dojo dijit.form

我有一个滑块,我想通过输入字段更新滑块,我的意思是如果我在输入字段中输入一个数字并按下按钮,滑块会更新条形图中的位置。

这是滑块的代码

       <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; 

但这不起作用。希望有些人可以帮助我

1 个答案:

答案 0 :(得分:2)

尝试:dijit.byId(“slider2”)。set(“value”,yourValue); 此外,请确保在滑块启动后调用它:)