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

时间:2016-01-11 14:30:58

标签: javascript angularjs kendo-ui kendo-slider

我已经实现了kendo.ui.RangeSlider的角度js版本。以下是我的代码。

HTML

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

角色代码

    $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

进行访问

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

我试过像$scope.fbaSlider.options.selectionStart=0这样的东西。但这没效果。我究竟做错了什么。如果需要任何其他信息,请与我们联系。

感谢您的时间。

1 个答案:

答案 0 :(得分:4)

您可以使用值或值方法。

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

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