r1082 - branches/dev/grid/ui

r1082 - branches/dev/grid/ui


Author: paul.bakaus
Date: Wed Dec 10 08:46:54 2008
New Revision: 1082
Modified:
branches/dev/grid/ui/ui.grid.js
Log:
grid: fixed column resizing
Modified: branches/dev/grid/ui/ui.grid.js
==============================================================================
--- branches/dev/grid/ui/ui.grid.js    (original)
+++ branches/dev/grid/ui/ui.grid.js    Wed Dec 10 08:46:54 2008
@@ -120,21 +120,24 @@
    },
    
    _handleMove: function(event) {        
-/*        
+    
        // If we're over a columns header
-        if($(event.target).is('.ui-grid-column-header')) {
+        if(this.columnHandleHovered) {
+            $('td.ui-grid-column-header *', this.grid).css('cursor', '');
+            this.columnHandleHovered = false;
+        }
+        
+        if($(event.target).is('.ui-grid-column-header') ||
$(event.target).parent().is('.ui-grid-column-header')) {
+
+            var target = $(event.target).is('.ui-grid-column-header') ?
$(event.target) : $(event.target).parent();
+            if(!$(target).data('gridResizable')._mouseCapture(event)) return;
            
-            this.grid.css('cursor', 'e-resize');
+            $('td.ui-grid-column-header *', this.grid).css('cursor', 'e-resize');
            this.columnHandleHovered = true;
            return; //Stop here to save performance
            
-        } else {
-            if(this.columnHandleHovered) {
-                this.grid.css('cursor', '');
-                this.columnHandleHovered = false;
-            }    
-        };
-*/        
+        }
+    
        
        //If we're over a table row
        if($(event.target).parents('.ui-grid-row').length) {
@@ -359,12 +362,12 @@
    },
    
    _mouseCapture: function(event) {
-        
+
        this.offset = this.element.offset();
        if((this.offset.left + this.element.width()) - event.pageX < 5) {
            return true;
        };
-
+        
        return false;
        
    },
@@ -372,6 +375,7 @@
    _mouseStart: function(event) {
        
        $.extend(this, {
+            startPosition: event.pageX,
            startWidth: this.element.width(),
            tableStartWidth: this.table.width(),
            gridTableStartWidth: this.gridTable.width(),