Слайдер в 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()
	});
});