kendo slider - значение сброса при событии click

Есть ли способ, с помощью которого я могу сбросить значение слайдера kendo после его изменения. Пожалуйста, смотрите этот пример кода: http://dojo.telerik.com/AKOhe/6 kendo slider - значение сброса при событии click

весь код:

<!DOCTYPE html> 
 
<html> 
 
    <head> 
 
    <title></title> 
 
    <link rel="stylesheet" href="http://cdn.kendostatic.com/2015.2.624/styles/kendo.common-material.min.css" /> 
 
    <link rel="stylesheet" href="http://cdn.kendostatic.com/2015.2.624/styles/kendo.material.min.css" /> 
 

 
    <script src="http://cdn.kendostatic.com/2015.2.624/js/jquery.min.js"></script> 
 
    <script src="http://cdn.kendostatic.com/2015.2.624/js/angular.min.js"></script> 
 
    <script src="http://cdn.kendostatic.com/2015.2.624/js/kendo.all.min.js"></script> 
 
    </head> 
 
    <body> 
 

 
    <div id="example" ng-app="KendoDemos"> 
 
     <div ng-controller="MyCtrl"> 
 
     <input k-ng-model="width" kendo-slider /> 
 
     </div> 
 
     <button k-ng-click="onClick()" /> 
 
    </div> 
 

 
    <script> 
 
     angular.module("KendoDemos", [ "kendo.directives" ]) 
 
     .controller("MyCtrl", function($scope){ 
 
     $scope.width = 3; 
 
     $scope.onClick= function(){ 
 
     \t $scope.width = 2; 
 
     }; 
 
     }) 
 
    </script> 
 

 

 
    </body> 
 
</html>

Как я могу сбросить значение кендо ползуна на кнопку сброса?

Заранее спасибо.

источник

2015-10-29 user2439903

Он не работает, потому что вы размещаете кнопку вне области управления, ваш код уже правильный. Попробуйте как

<!DOCTYPE html> 
 
<html> 
 
    <head> 
 
    <title></title> 
 
    <link rel="stylesheet" href="http://cdn.kendostatic.com/2015.2.624/styles/kendo.common-material.min.css" /> 
 
    <link rel="stylesheet" href="http://cdn.kendostatic.com/2015.2.624/styles/kendo.material.min.css" /> 
 

 
    <script src="http://cdn.kendostatic.com/2015.2.624/js/jquery.min.js"></script> 
 
    <script src="http://cdn.kendostatic.com/2015.2.624/js/angular.min.js"></script> 
 
    <script src="http://cdn.kendostatic.com/2015.2.624/js/kendo.all.min.js"></script> 
 
    </head> 
 
    <body> 
 

 
    <div id="example" ng-app="KendoDemos"> 
 
     <div ng-controller="MyCtrl" style="margin-bottom:20px;"> 
 
     <input k-ng-model="width" kendo-slider="slider" /> 
 
     <button ng-click="onClick()"> reset</button> 
 
     </div> 
 
    </div> 
 

 
    <script> 
 
     angular.module("KendoDemos", [ "kendo.directives" ]) 
 
     .controller("MyCtrl", function($scope){ 
 
     $scope.width = 3; 
 
     $scope.onClick= function(){ 
 
     \t $scope.width = 2; 
 
     }; 
 
     }) 
 
    </script> 
 

 

 
    </body> 
 
</html>

источник

2015-10-29 05:43:19

kendo slider - значение сброса при событии click

ответ

Смежные вопросы