ExtJS 4.0.7 Ext.Draw 拖动和调整大小

Question

我在网格单元格内添加 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 轴拖动此绘制组件。我需要听众的名字，它在拖动和调整大小时调用。 有列表器调整大小，但功能仅返回新的宽度和高度（或者我不知道某些事情），我需要知道，用户池中的可调整大小的句柄是左还是右？