datatable filter with jquery ui slider
datatable filter with jquery ui slider
purushottam
Posts: 3Questions: 0Answers: 0
I use data table plugin for my grid view it works fine for searching,sorting but i want searching like in the following link with jquery UI slider
http://jiren.github.com/filter.js/filterjs.html and searching with check box but not getting idea how to do it when i change something in my code the slider gets disapear help me to get out of it please provide any working code
here is my .aspx jquery code
jQuery(document).ready(function($)
{
$(function(){
var options =
{
range: true,
min: 500,
max: 1000,
values: [500, 1000],
slide: function(event, ui)
{
min = ui.values[0],
max = ui.values[1];
$("#amount").val("Rs." + min + " - Rs." + max);
},
stop: function(event, ui)
{//This event is triggered when the user stops sliding.
oTable.fnDraw();
}
}
$("#slider-range").slider(options);
min = $("#slider-range").slider("values", 0);
max = $("#slider-range").slider("values", 1);
$("#amount").val("Rs." + min + " - Rs." + max);
});
$('#<%= grdshowResult.ClientID %>').dataTable({
"bJQueryUI": true,
"bPaginate": false,
"bLengthChange": false,
"bFilter": true,
"bSort": true,
"bAutoWidth": false
});
});
http://jiren.github.com/filter.js/filterjs.html and searching with check box but not getting idea how to do it when i change something in my code the slider gets disapear help me to get out of it please provide any working code
here is my .aspx jquery code
jQuery(document).ready(function($)
{
$(function(){
var options =
{
range: true,
min: 500,
max: 1000,
values: [500, 1000],
slide: function(event, ui)
{
min = ui.values[0],
max = ui.values[1];
$("#amount").val("Rs." + min + " - Rs." + max);
},
stop: function(event, ui)
{//This event is triggered when the user stops sliding.
oTable.fnDraw();
}
}
$("#slider-range").slider(options);
min = $("#slider-range").slider("values", 0);
max = $("#slider-range").slider("values", 1);
$("#amount").val("Rs." + min + " - Rs." + max);
});
$('#<%= grdshowResult.ClientID %>').dataTable({
"bJQueryUI": true,
"bPaginate": false,
"bLengthChange": false,
"bFilter": true,
"bSort": true,
"bAutoWidth": false
});
});
This discussion has been closed.