Я пытаюсь создать слайдер для слоев плавного набора. Моя проблема заключается в том, как установить ползунок для запроса разных столбцов в одном FusinTable. Пока я могу перемещаться между данными в одном столбце. Мне нужно скользить между разными годами 2004-2009 годов, и каждый год данные находятся в разных столбцах, названных так же, как год.
// define the JQuery Slider
$(function() {
$('#slider').slider({
max: 13000000,
min: 1000000,
step: 100000,
value: 0,
slide: function(event, ui) {
document.getElementById("slider-value").innerHTML = ui.value + " Population (Thousends)";
layer_0.setOptions({
query: {
select: "Population",
from: "1ExY2P7DxDzTwjz67cs1GPgWKWDPUx5mXE3uZ2ME",
where: "Population <= " + ui.value
}
Создайте 2 ползунка (1 для населения и 1 для года). Предположим, что ползунки имеют идентификаторы slider_population
и slider_year
.
Создайте одну функцию для обработки обновления слоя:
function setQuery(){
var population =$( '#slider_population').slider( "option", "value" );
var year =$( '#slider_year').slider( "option", "value" );
var query={
select: "City",
from: "tableId",
where: "'"+ year +"' <= " + population
}
layer_0.setOptions({query:query})
}
Внутри slide
-callback обоих слайдеров вызывается эта функция (с небольшой задержкой требуется некоторое время, пока jquery не сможет распознать правильное значение для активного слайдера):
slide: function(event, ui) {
setTimeout(setQuery,100);
//more code
}