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

Question

我正在使用 Kendo UI 并创建了一个 slider 。当我通过 Razor 创建 slider 时， slider 的限制将为 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); 它会神奇地为您调整 slider 的大小。

但是，我在剑道中尝试了类似的方法，但一无所获。在 Chrome Devtools 中查看后，我发现了 options/max 设置: $("#Age").data("kendoSlider").options.max

如果我尝试这个:$("#d2cRequired").data("kendoSlider").options.max = 50，它返回“50”并将 Kendo slider 的限制设置为 50(即，如果我将其设置为51 跳回到 50)虽然这有效，但理想情况下我想知道是否可以像 jqueryUI 那样调整 slider 的大小？ (这甚至是更改 slider 最大限制的正确方法吗？!)他们的文档非常随意，并且没有真正显示任何动态更改选项的示例(除了值设置)

我正在评估 Kendo 在公司中的可能用途，如果它们的某些组件不能比 JQUI 等效组件更好地工作，我不想花费数千美元!

Answer 1

根据Kendo forum ，我引用:

Currently there is no such functionality available. I would suggest to submit your request in Kendo's UserVoice so other members of the community can evaluate, comment on and vote for it.

您有几个选项，有多个 slider 并显示您想要的一个，或者销毁 slider 并重新创建它。