У меня есть текстовое поле, в котором я устанавливаю свои значения NumberRangeSlider. Он работает нормально, но когда пользователь удаляет текст, ползунок диапазона должен быть сброшен до значений по умолчанию. Значения Min и Max указываются в этом столбце c.
Здесь javascript:
if (document.getElementById("energy_input").length == 0) {
changeEnergyRange = function() {
energyRangeSlider.setState({'lowValue': data.getColumnRange(3).min, 'highValue': data.getColumnRange(3).max});
energyRangeSlider.setOptions({'filterColumnIndex': 3,'minValue': data.getColumnRange(3).min, 'maxValue': data.getColumnRange(3).max});
energyRangeSlider.draw();
};
} else {
changeEnergyRange = function() {
energyRangeSlider.setState({'lowValue': document.getElementById("energy_input").value*0.75, 'highValue':document.getElementById("energy_input").value*1.25});
energyRangeSlider.setOptions({'filterColumnIndex': 3,'minValue': 0.0, 'maxValue': document.getElementById("energy_input").value*3});
energyRangeSlider.draw();
};}
}
А здесь HTML для ввода текста:
<input type="text" id="energy_input" onkeyup="changeEnergyRange();">