我正在玩 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"))
)
但是,假设您在表单上选择了其他内容,这意味着最大值必须更改(即 Max 下降到 50 而不是 80)。这怎么能在javascript中完成?
我习惯了 jQueryUI 库,所以你可以在哪里执行此操作:
$("#Age").slider("option","max", 50);
它会神奇地为您调整滑块的大小。
但是,我在剑道中尝试了类似的方法,但一无所获。在查看 Chrome Devtools 后,我发现了 options/max 设置:$("#Age").data("kendoSlider").options.max
如果我尝试这个:
$("#d2cRequired").data("kendoSlider").options.max = 50
,它会返回“50”并将 Kendo 滑块的限制设置为 50(即,如果我将其设置为 51,它会跳回 50)虽然这可行,但理想情况下我想知道您是否可以调整滑块的大小像jqueryUI?(这甚至是更改滑块最大限制的正确方法吗?!)他们的文档非常受欢迎,并且没有真正显示任何动态更改选项的示例(除了值设置)
我正在评估 Kendo 作为公司的一种可能用途,如果他们的某些组件不能比 JQUI 等价物更好地工作,我不想花费数千美元!