如何修改 KendoUI 滑块刻度上的标签？

Posted 2023-05-07

【中文标题】如何修改 KendoUI 滑块刻度上的标签？

【英文标题】：How to Modify the Labels on a KendoUI Slider Ticks?

【发布时间】：2012-04-10 09:34:55

【问题描述】：

我正在使用 KendoUi 滑块。我正在使用以下设置：

jQuery(document).ready(function () 
        jQuery("#slider").kendoSlider(
            increaseButtonTitle: "Right",
            decreaseButtonTitle: "Left",
            showButtons: false,
            min: 1,
            max: 4,
            smallStep: .2,
            largeStep: 1,
            value: <%= TotalScore %>,
            tooltip:
                
                    enabled:false
                  
        );

我有四个大步骤，我想将每个步骤标记为“P”“O”“G”“I”来代替数字。我该怎么做？

【参考方案1】：

我在设置中找不到任何允许这样做的内容。所以，我只是构建了一个快速滑块项修改器：

http://jsfiddle.net/latenightcoder/QwGUy/1/

【讨论】：

出色的例子 - 谢谢！关于如何使用 AngularJs KendoUI 样式执行此操作的任何想法？为 Angular 连接好所有东西以使滑块控件正常工作 - 但不确定覆盖标签的推论。知道这是一个很长的镜头 - 但值得提问。