如何将kendo.ui.RangeSlider重置为初始值？

Question

我已经实现了 kendo.ui.RangeSlider 的 angular js 版本。下面是我的代码。

HTML

 <div kendo-range-slider="fbaSlider" k-options="fba">

Angular代码

    $scope.fbaStart = 0;
    $scope.fbaEnd = 0;
    $scope.fba = {

    min: 0,
    max: 18,
    smallStep: 1,
    largeStep: 2,
    tickPlacement: "both",
    change: function (e) {
        $scope.fbaStart = e.value[0];
        $scope.fbaEnd = e.value[1];

    }
}

如您所见，我在我的 HTML 中设置了 kendo-range-slider="fbaSlider"，因此我在我的范围内有一个对 Slider 对象的引用，我可以通过 $scope.fbaSlider[=17 访问它=]

我想要的是在页面上有一个按钮，点击它我想将滑块重置到它的初始位置。

我尝试了类似 $scope.fbaSlider.options.selectionStart=0 的方法。但这没有用。我究竟做错了什么。如果需要任何其他信息，请告诉我。

感谢您的宝贵时间。

Answer 1

您可以使用值或值方法。

$scope.fbaSlider.value([0,18]);

或

$scope.fbaSlider.values(0,18);

如何将kendo.ui.RangeSlider重置为初始值？

How to reset kendo.ui.RangeSlider to initial value?

javascript

kendo-ui

angularjs

kendo-slider