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轴拖动此绘制组件。我需要听众的名字，调用拖动和调整大小。 列表大小调整大小，但功能只返回新的宽度和高度（或者我不知道一些东西），我需要知道，用户可以调整可调整大小的句柄 - 左还是右？