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

发布于 2025-01-05 04:09:02 字数 1519 浏览 3 评论 0原文

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

滑块的代码

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

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

i have a slider and i like to update the slider through a input field, i mean if i put a number in a input field and press a button , the slider update the position in the bar.

this is the code of the slider

       <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=" ">

i was trying this:

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

but that does not work. hope some can help me

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

许仙没带伞 2025-01-12 04:09:02

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

try that : dijit.byId("slider2").set("value", yourValue);
Also, make sure you're calling that AFTER your slider has been started :)

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文