Слайдер в Ext JS
Для создания слайдера или ползунка предназначен класс Ext.slider.Single:
Ext.onReady(function(){ var slider=Ext.create('Ext.slider.Single', { fieldLabel: 'Громкость', width: 400, renderTo: Ext.getBody() }); });
Свойства слайдера maxValue
и minValue
задается макcимально и минимально возможные числа для выбора. Если их не задать, нам
будут доступны все числа от 0 до 100.
Также компонент имеет еще ряд полезных свойств:
value - первоначальное значение, которое слайдер принимает при загрузке страницы
increment - задает шаг, на который будут увеличиваться доступные для выбора числа
Ext.onReady(function(){ var slider=Ext.create('Ext.slider.Single', { fieldLabel: 'Громкость', width: 400, value: 100, minValue: 0, maxValue: 500, increment: 10, renderTo: Ext.getBody() }); });