Question

我正在玩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"))
        )

但是，假设您在表单上选择了其他内容，这意味着必须更改最大值（即，最大值为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等同，则不想花费数千美元！

Answer 1

根据Kendo forum，我引用：

目前没有此类功能可用。我建议在Kendo's UserVoice提交您的请求，以便其他成员社区可以评估，评论和投票。

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

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

1 个答案: