Я добавляю Ext.draw.Component внутри ячейки сетки в качестве средства визуализации столбцов:
renderer: function(_value){
var id = Ext.id();
Ext.Function.defer(function(){
Ext.create('Ext.draw.Component', {
minWidth: width,
id: 'timer-' + id,
width: (_value * width),
style: {
position: 'absolute',
'z-index': '10000000',
},
height: 17,
renderTo: id,
resizable: {
dynamic: true,
pinned: true,
handles: 'w e',
widthIncrement: width,
},
gradients: [{
id: 'grad1',
angle: 270,
stops: {
0: {
color: '#6594cf'
},
1: {
color: '#c6d8ed'
},
99: {
color: '#5f96db'
},
100: {
color: '#6594cf'
}
}
}],
items: [{
type: 'rect',
fill: 'url(#grad1)',
width: '100%',
height: '100%',
x: 0,
y: 0
}],
draggable: {
constrain: false,
},
listeners: {
}
});
}, 25);
return '<div id="' + id + '" style="width:1000px;" class="timers" />';
}
Мне нужно знать, как перетащить этот компонент рисования только по оси X.И мне нужно имя слушателя, которое вызывается при перетаскивании и изменении размера.Существует изменение размера списка, но функция возвращает только новые ширину и высоту (или я ничего не знаю), мне нужно знать, чтобы вся изменяемая ручка была объединена пользователем - влево или вправо?