动态设置Kendo UI Slider上的最大值

Jus*_*per 3 jquery razor kendo-ui kendo-asp.net-mvc

我正在玩Kendo UI并创建了一个滑块.当我通过Razor创建时,滑块的限制将是min16 max 80.

    @(Html.Kendo().Slider()
     .Name("Age")
     .Value(16)                    
     .Min(18).Max(80).LargeStep(50).SmallStep(1).TickPlacement(SliderTickPlacement.None).ShowButtons(false)
     .Events(
        e => e.Change("AgeSliderChanged"))
        )
Run Code Online (Sandbox Code Playgroud)

但是,假设您在表单上选择了其他内容,这意味着必须更改最大值(即最大值为50而不是80).怎么能在javascript中完成?

我习惯了jQueryUI库,所以你可以这样做:

$("#Age").slider("option","max", 50); 它会为你神奇地调整滑块的大小.

但是,我在剑道尝试了类似的方法并且无处可去.在查看Chrome Devtools后,我找到了选项/最大设置:$("#Age").data("kendoSlider").options.max

如果我尝试这个: $("#d2cRequired").data("kendoSlider").options.max = 50,它返回"50"并将剑道滑块的限制设置为50(即如果我将其设置为51,它会跳回到50)虽然这样可行,但理想情况下我想知道您是否可以调整滑块的大小喜欢jqueryUI?(这甚至是更改滑块最大限制的正确方法吗?!)他们的文档很受欢迎,并没有真正显示动态更改选项的任何示例(除了值设置)

我正在评估Kendo作为公司的一种可能用途,并且如果他们的某些组件的工作效果不如JQUI等同,我不想花费数千美元!

Rip*_*ppo 5

根据剑道论坛,我引述:

目前没有这样的功能.我建议您在Kendo的UserVoice中提交您的请求,以便社区的其他成员可以评估,评论和投票.

你有几个选项,有多个滑块并显示你想要的那个或DESTROY滑块并重新创建它.

  • 还创建了一个jsFiddle来展示如何破坏和重新创建.http://jsfiddle.net/rippo/MJMUZ/ (4认同)