Pending Review
Last Updated: 11 Apr 2017 06:57 by ADMIN
Created on: 21 Jul 2016 12:14
Category: Slider
Type: Feature Request
Kendo UI range slider Max & Min value can be set dynamically(pragmatically)
We required to set the range for a slider dynamically based on the calculated values or values from Database. At the moment Kendo UI range slider do not support to set its MIN & MAX values dynamically.
1 comment
Posted on: 11 Apr 2017 06:59
Yes i faced same problem. beacuase kendo range slider initialize only can create seperate small jsp and import that jsp which contain only slider div and input.
I am changing range slider according to slider.

endKendoSliderData = $("#sliderEnd").kendoSlider({
min: 1,
max: 22,
smallStep: 1,
largeStep: 3,
value: 16,
showButtons: false,
var rangeSliderVal= this.value().toString();
var CreateSliderUrl=''+rangeSliderVal+"&rangeminval=1"+"&rangemaxval="+rangeSliderVal+"&mode='add'";

JSP File 
<%@ page language="java" contentType="text/html; charset=UTF-8"
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
 <div id="rangeKendoSlider" style="width:414px">
	<input />
    <input />
 <script type="text/javascript">
 $(document).ready(function() {
 	 var d1=<%= request.getParameter("MaxRange") %>
 	 var Rangeminval=<%= request.getParameter("rangeminval") %>
 	 var Rangemaxval=<%= request.getParameter("rangemaxval") %>
 	 var mode=<%= request.getParameter("mode") %>
 	 	 	  var maskValueInit; 

    	min: 1,
        max: d1,
        smallStep: 1,
        largeStep: 3,
        selectionStart: Rangeminval,
        selectionEnd: Rangemaxval,
        tickPlacement: "both",