获取kendo滑块的开始值和结束值

Question

我正在尝试获取kendo滑块的起始值和结束值。

http://demos.kendoui.com/web/slider/events.html

我使用普通滑块而不是范围滑块。例如，假设初始滑块值设置为10然后用户将其滑动到30然后我需要得到这两个值之间的差异，这应该是20。

@(Html.Kendo().Slider()
          .Name("VariableSlider")
          .Min(0)
           .Max(100)
          .SmallStep(1)
          .LargeStep(10)
                //.Value(50)
          .Events(events => events
              .Change("VariableSliderChange"))

          .HtmlAttributes(new { @class = "temperature", @style = "width:500px" }))
        <script>
            function VariableSliderChange(e) {

                // get the difference between start and end values here.
            }

        </script>

Answer 1

由于滑块没有用于获取初始值的API，因此应在初始化窗口小部件后立即存储它。

@(Html.Kendo().Slider().Name("myslider"))
<script>
var initialValue;
$(function() {
   initialValue = $("#myslider").data("kendoSlider").value();
});
</script>

然后你可以用它来改变变化事件。