/** */Ext.define('Ext.layout.container.ColumnSplitterTracker', { extend: 'Ext.resizer.SplitterTracker', // We move the splitter el. Add the proxy class. onStart: function(e) { Ext.apply(this.getSplitter().el.dom.style, { top : 0, left : 0} ); this.callParent(arguments); }, endDrag: function () { var me = this; me.callParent(arguments); // this calls onEnd me.getSplitter().el.dom.style.left = 0; }, performResize: function(e, offset) { var me = this, prevCmp = me.getPrevCmp(), nextCmp = me.getNextCmp(), splitter = me.getSplitter(), owner = splitter.ownerCt, delta = offset[0], prevWidth, nextWidth, ratio; if (prevCmp && nextCmp) { prevCmp.width = prevWidth = me.prevBox.width + delta; nextCmp.width = nextWidth = me.nextBox.width - delta; ratio = (prevCmp.columnWidth + nextCmp.columnWidth) / (prevWidth + nextWidth); prevCmp.columnWidth = prevWidth * ratio; nextCmp.columnWidth = nextWidth * ratio; } owner.updateLayout(); }});