Attachment 142640 Details for Bug 284713 – Current Implementation

Some Eclipse Foundation services are deprecated, or will be soon. Please ensure you've read this important communication.

[patch] Current Implementation

MultiCellWidget.txt (text/plain), 26.98 KB, created by Tim Buschtoens

on 2009-07-27 07:13:56 EDT

(hide)

Description:

Filename:

MIME Type:

Creator: Tim Buschtoens

Created: 2009-07-27 07:13:56 EDT

Size: 26.98 KB

patch

obsolete

>### Eclipse Workspace Patch 1.0
>#P org.eclipse.rap.rwt.q07
>Index: js/org/eclipse/rwt/HtmlUtil.js
>===================================================================
>RCS file: js/org/eclipse/rwt/HtmlUtil.js
>diff -N js/org/eclipse/rwt/HtmlUtil.js
>--- /dev/null	1 Jan 1970 00:00:00 -0000
>+++ js/org/eclipse/rwt/HtmlUtil.js	1 Jan 1970 00:00:00 -0000
>@@ -0,0 +1,171 @@
>+/*******************************************************************************
>+ * Copyright (c) 2009 Innoopract Informationssysteme GmbH.
>+ * All rights reserved. This program and the accompanying materials
>+ * are made available under the terms of the Eclipse Public License v1.0
>+ * which accompanies this distribution, and is available at
>+ * http://www.eclipse.org/legal/epl-v10.html
>+ *
>+ * Contributors:
>+ *     Innoopract Informationssysteme GmbH - initial API and implementation
>+ ******************************************************************************/
>+
>+/* ************************************************************************
>+
>+#require(qx.util.StringBuilder)
>+
>+************************************************************************ */
>+
>+qx.Class.define( "org.eclipse.rwt.HtmlUtil", {
>+
>+  statics : {
>+    __helperDiv : null,
>+    __attributeHelper : new qx.util.StringBuilder(), 
>+    __innerHtmlHelper : new qx.util.StringBuilder(), 
>+    __styleRegExp : /([a-z])([A-Z])/g,
>+    
>+    getHelperDiv : function() {
>+      if( !this.__helperDiv ) {
>+        this.__helperDiv = document.createElement( "div" );
>+      }
>+      return this.__helperDiv;
>+    },
>+    
>+    createHtmlData : function( tag ) {
>+      var data = {
>+        startTagOpen : "<" + tag + " ",
>+        styleOpen : "style='",
>+        styleInner : [ {} ],
>+        styleClose : "' ",
>+        attributes : [ {} ],
>+        startTagClose : " >",
>+        innerHtml : [],
>+        endTag : "</" + tag + ">"
>+      }
>+      return data;
>+    },
>+    
>+    // maps should not contain attributes that are also other maps, or
>+    // they will be in the string twice! No checks there!
>+    // Multiple maps are only supported to avoid the copy-process
>+    // while also not touching the map. (Same for style-properties!)  
>+    addHtmlAttributes : function( htmlData, map ) {
>+      htmlData.attributes.push( map );
>+    },
>+    
>+    addStyleProperties : function( htmlData, map ) {
>+      htmlData.styleInner.push( map );
>+    },
>+    
>+    setHtmlAttribute : function( htmlData, attribute, value ) {
>+      htmlData.attributes[ 0 ][ attribute ] = value;
>+    },
>+
>+    setStyleProperty : function( htmlData, attribute, value ) {
>+      htmlData.styleInner[ 0 ][ attribute ] = value;
>+    },
>+
>+    addInnerHtml : function( htmlData, htmlDataInner ) {
>+      htmlData.innerHtml.push( htmlDataInner );
>+    },
>+
>+    _joinHtmlAttributes : function( maps ) {
>+      var str = this.__attributeHelper;
>+      str.clear();
>+      var l = maps.length;
>+      var map = null;
>+      for( var i = 0; i < l; i++ ) {
>+        var map = maps[ i ];
>+        for( var attribute in map ) {
>+          str.add( attribute, '="', map[ attribute ], '" ');
>+        }
>+      }
>+      return str.get();
>+    },
>+
>+    _joinStyleProperties : function( maps ) {
>+      // targetNode support with filter!
>+      var str = this.__attributeHelper;
>+      str.clear();
>+      var l = maps.length;
>+      var map = null;
>+      var value = null;
>+      for( var i = 0; i < l; i++ ) {
>+        var map = maps[ i ];
>+        for( var attribute in map ) {
>+          var value = map[ attribute ];
>+          if( value ) {
>+            str.add( attribute, ':', map[ attribute ], ';');
>+          }
>+        }
>+      }
>+      return str.get().replace( this.__styleRegExp, "$1-$2" ).toLowerCase();
>+    },
>+    
>+    _joinHtmlData : function( htmlData ) {
>+      this.__innerHtmlHelper.add( this.getStartTag( htmlData ) );
>+      this._joinInnerHtmlData( htmlData );
>+      this.__innerHtmlHelper.add( this.getEndTag( htmlData ) );
>+    },
>+    
>+    _joinInnerHtmlData : function( htmlData ) {
>+      var inner = htmlData.innerHtml;      
>+      var l = inner.length;
>+      var data = null;
>+      for( var i = 0; i < l; i++ ) {
>+        data = inner[ i ];        
>+        if( data instanceof Object ) {
>+          this._joinHtmlData( data );
>+        } else {
>+          this.__innerHtmlHelper.add( data );
>+        }
>+      }
>+    },
>+    
>+    getHtml : function( htmlData ) {
>+      var str = this.__innerHtmlHelper;
>+      str.clear();
>+      this._joinHtmlData( htmlData );
>+      return str.get(); 
>+    },
>+    
>+    getInnerHtml : function( htmlData ) {
>+      this.__innerHtmlHelper.clear();
>+      this._joinInnerHtmlData( htmlData );
>+      return this.__innerHtmlHelper.get();       
>+    },    
>+    
>+    getStartTag : function( htmlData ) {
>+      return   htmlData.startTagOpen 
>+             + htmlData.styleOpen
>+             + this._joinStyleProperties( htmlData.styleInner )
>+             + htmlData.styleClose
>+             + this._joinHtmlAttributes( htmlData.attributes )
>+             + htmlData.startTagClose;
>+    },
>+    
>+
>+    getEndTag : function( htmlData ) {
>+      return  htmlData.endTag;
>+    },
>+    
>+    createDOM : qx.core.Variant.select("qx.client", {
>+      "mshtml" : function( htmlData ) {
>+        var outer = this.getStartTag( htmlData ) + this.getEndTag( htmlData );
>+        var inner = this.getInnerHtml( htmlData );
>+        var node = document.createElement( outer );
>+        if( inner != "" ) {
>+          node.innerHTML = inner;
>+        }
>+        return node;
>+      },
>+      "default" : function( htmlData ) {
>+        var html = this.getHtml( htmlData );        
>+        var helper = this.getHelperDiv();        
>+        helper.innerHTML = html;
>+        var node = helper.firstChild;
>+        helper.innerHTML = "";
>+        return node;
>+      }
>+    })
>+  }
>+} );
>Index: js/org/eclipse/rwt/widgets/MultiCellWidget.js
>===================================================================
>RCS file: js/org/eclipse/rwt/widgets/MultiCellWidget.js
>diff -N js/org/eclipse/rwt/widgets/MultiCellWidget.js
>--- /dev/null	1 Jan 1970 00:00:00 -0000
>+++ js/org/eclipse/rwt/widgets/MultiCellWidget.js	1 Jan 1970 00:00:00 -0000
>@@ -0,0 +1,667 @@
>+/*******************************************************************************
>+ * Copyright (c) 2009 Innoopract Informationssysteme GmbH.
>+ * All rights reserved. This program and the accompanying materials
>+ * are made available under the terms of the Eclipse Public License v1.0
>+ * which accompanies this distribution, and is available at
>+ * http://www.eclipse.org/legal/epl-v10.html
>+ *
>+ * Contributors:
>+ *     Innoopract Informationssysteme GmbH - initial API and implementation
>+ ******************************************************************************/
>+ 
>+qx.Class.define("org.eclipse.rwt.widgets.MultiCellWidget",  {
>+  extend : qx.ui.basic.Terminator,
>+
>+  
>+  /**
>+   * Examples for "cells"
>+   * [ "image" ]
>+   * [ "label" ]
>+   * [ "image", "label" ]
>+   * [ "image, "image", "label", "image" ]
>+   */  
>+  construct : function( cells ) {
>+    this.base( arguments );
>+    this.__createCellData( cells ); 
>+    this.__paddingCache = [ 0, 0, 0, 0 ];
>+    this.__fontCache = {};    
>+    this.initWidth();
>+    this.initHeight();    
>+    this.addToQueue( "createContent" );
>+    this.setOverflow( "hidden" );
>+  },
>+
>+  /*
>+  *****************************************************************************
>+     PROPERTIES
>+  *****************************************************************************
>+  */
>+
>+  properties : {
>+    
>+    spacing : {
>+      check : "Integer",
>+      init : 4,
>+      themeable : true,
>+      apply : "_applySpacing",
>+      event : "changeSpacing"
>+    },
>+
>+    horizontalChildrenAlign : {
>+      check : [ "left", "center", "right" ],
>+      init : "center",
>+      themeable : true,
>+      apply : "_applyHorizontalChildrenAlign"
>+    },
>+
>+    verticalChildrenAlign : {
>+      check : [ "top", "middle", "bottom" ],
>+      init : "middle",
>+      themeable : true,
>+      apply : "_applyVerticalChildrenAlign"
>+    },
>+      
>+    selectable : {
>+      refine : true,
>+      init : false
>+    },
>+
>+    allowStretchX : {
>+      refine : true,
>+      init : false
>+    },
>+
>+    allowStretchY : {
>+      refine : true,
>+      init : false
>+    },
>+
>+    appearance : {
>+      refine : true,
>+      init : "atom"
>+    },
>+
>+    width : {
>+      refine : true,
>+      init : "auto"
>+    },
>+
>+    height : {
>+      refine : true,
>+      init : "auto"
>+    }
>+
>+  },
>+  
>+  members : {
>+    __cellData : null,
>+    __cellNodes : null,
>+    __cellCount : null,
>+    __computedTotalSpacing : null,
>+    __paddingCache : null,
>+    __fontCache : null,
>+    _htmlUtil : org.eclipse.rwt.HtmlUtil,
>+
>+    _applyEnabled : function( value, old ) {
>+      this.base( arguments, value, old );
>+      this._styleAllImagesEnabled();
>+      this._styleAllLabelsEnabled();
>+    },
>+    
>+    /*
>+    ---------------------------------------------------------------------------
>+      DOM/HTML
>+    ---------------------------------------------------------------------------
>+    */  
>+
>+    
>+    _applyElement : function( value, old ) {
>+      this.base( arguments, value, old );
>+      if( value ) {     
>+        this._createSubelements(); 
>+        this._catchSubelements();
>+      }
>+    },
>+    
>+    _createSubelements : function() {
>+      var html = "";
>+      for( var i = 0; i < this.__cellCount; i++ ) {
>+        this.setCellNode( i, null );        
>+        if( this.cellHasContent( i ) ) {
>+          if( this.cellIsLabel( i ) ) {
>+            html += this._getLabelHtml( i );            
>+          } else if( this.cellIsImage( i ) ) {
>+            html += this._getImageHtml( i );            
>+          }
>+        }
>+      }
>+      this._getTargetNode().innerHTML = html;
>+    },
>+    
>+    _catchSubelements : function() {
>+      var el = this._getTargetNode();
>+      var childNumber = 0;
>+      for( var i = 0; i < this.__cellCount; i++ ) {
>+        if( this.cellHasContent( i ) ) {
>+          this.setCellNode( i, el.childNodes[ childNumber ] );              
>+          childNumber++;
>+        }        
>+      }             
>+      if( this.getEnabled() == false ) {
>+        this._applyEnabled( false );
>+      }
>+    },
>+    
>+    /*
>+    ---------------------------------------------------------------------------
>+      LAYOUT : _apply methods
>+    ---------------------------------------------------------------------------
>+    */
>+
>+    _applySpacing : function( value, old ) {
>+      this._invalidateTotalSpacing();
>+      this.addToQueue( "layoutX" );
>+    },
>+    
>+    _applyHorizontalChildrenAlign : function( value, old ) {
>+      this.addToQueue( "layoutX" );
>+    },
>+    
>+    _applyVerticalChildrenAlign : function( value, old ) {
>+      this.addToLayoutChanges( "layoutY" );
>+    },    
>+
>+    _applyPaddingTop : function(value, old) {
>+      this.addToLayoutChanges("paddingTop");
>+      this.__paddingCache[ 0 ] = value;
>+      this._invalidateFrameHeight();
>+    },
>+
>+    _applyPaddingRight : function(value, old) {
>+      this.addToLayoutChanges("paddingRight");
>+      this.__paddingCache[ 1 ] = value;
>+      this._invalidateFrameWidth();
>+    },
>+
>+    _applyPaddingBottom : function(value, old) {
>+      this.addToLayoutChanges("paddingBottom");
>+      this.__paddingCache[ 2 ] = value;
>+      this._invalidateFrameHeight();
>+    },
>+
>+    _applyPaddingLeft : function(value, old) {
>+      this.addToLayoutChanges("paddingLeft");
>+      this.__paddingCache[ 3 ] = value;
>+      this._invalidateFrameWidth();
>+    },
>+    
>+    /*
>+    ---------------------------------------------------------------------------
>+      LAYOUT : public api
>+    ---------------------------------------------------------------------------
>+    */
>+    
>+    // This is either the URL (image) or the text (label)
>+    setCellContent : function( cell, value ) { 
>+      this.__updateComputedCellDimension( cell );
>+      if( this.cellHasContent( cell ) != ( value != null ) ) {
>+        this._invalidateTotalSpacing();
>+        this.addToQueue( "createContent" );
>+      } else {
>+        this.addToQueue( "updateContent" );
>+      }
>+      this.__cellData[ cell ][ 1 ] = value;
>+    },
>+     
>+    // The dimensions for the cell. Is mandatory for images (or 0x0 will
>+    // be assumed), optional for labels. Set a dimension to "null" to use the 
>+    // computed value.
>+    setCellDimension : function( cell, width, height ) {
>+      this.setCellWidth( cell, width );
>+      this.setCellHeight( cell, height );
>+    },
>+    
>+    setCellWidth : function( cell, width ) {
>+      this.__cellData[ cell ][ 2 ] = width;
>+      if( this.cellHasContent( cell ) ) {
>+        this._invalidatePreferredInnerWidth(); 
>+        this.addToQueue( "layoutX" );
>+      }      
>+    },
>+    
>+    setCellHeight : function( cell, height ) {
>+      this.__cellData[ cell ][ 3 ] = height;
>+      if( this.cellHasContent( cell ) ) {
>+        this._invalidatePreferredInnerHeigh();  
>+        this.addToQueue( "layoutY" );
>+      }            
>+    },
>+    
>+    getCellDimension : function( cell ) { 
>+      var width = this.getCellWidth( cell );
>+      var height = this.getCellHeight( cell );
>+      return [ width, height ];
>+    },
>+    
>+    getCellWidth : function( cell ) {
>+      var cellEntry = this.__cellData[ cell ]; 
>+      var width = ( cellEntry[ 2 ] != null ? cellEntry[ 2 ] : cellEntry[ 4 ] );
>+      if( width == null ) {
>+        var computed = this.__computeCellDimension( cellEntry );
>+        width = ( width != null ? width : computed[ 0 ] );
>+      }
>+      return width;      
>+    },
>+    
>+    getCellHeight : function( cell ) {
>+      var cellEntry = this.__cellData[ cell ]; 
>+      var height = ( cellEntry[ 3 ] != null ? cellEntry[ 3 ] : cellEntry[ 5 ] );
>+      if( height == null ) {
>+        var computed = this.__computeCellDimension( cellEntry );
>+        height = ( height != null ? height : computed[ 1 ] );
>+      }
>+      return height;      
>+    },
>+    
>+    setCellNode : function( cell, node ) {
>+      this.__cellNodes[ cell ] = node;
>+    },
>+    
>+    getCellNode : function( cell ) {
>+      return this.__cellNodes[ cell ];
>+    },
>+    
>+    cellHasNode : function( cell ) {
>+      return ( this.__cellNodes[ cell ] != null );
>+    },
>+
>+    cellHasContent : function( cell ) {
>+      return ( this.__cellData[ cell ][ 1 ] != null );
>+    },
>+    
>+    getCellContent : function( cell ) {
>+      return this.__cellData[ cell ][ 1 ];
>+    },
>+    
>+    cellIsImage : function( cell ) {
>+      return ( this.__cellData[ cell ][ 0 ] == "image" );
>+    },
>+    
>+    cellIsLabel : function( cell ) {
>+      return ( this.__cellData[ cell ][ 0 ] == "label" );
>+    },
>+
>+    /*
>+    ---------------------------------------------------------------------------
>+      LAYOUT : internals
>+    ---------------------------------------------------------------------------
>+    */
>+    
>+    __createCellData : function( cells ) {
>+      var data = [];
>+      var nodes = [];
>+      this.__cellCount = cells.length;
>+      for( var i = 0; i < this.__cellCount; i++ ) {
>+        nodes[ i ] = null;
>+        data[ i ] = [ cells[ i ], null, null, null, null, null ];
>+      }
>+      this.__cellNodes = nodes;
>+      this.__cellData = data;
>+    },
>+    
>+    __updateComputedCellDimension : function( cell ) {
>+      var cellEntry = this.__cellData[ cell ]; 
>+      if( cellEntry[ 2 ] == null ) { //uses computed width
>+        cellEntry[ 4 ] = null; //delete computedWidth
>+        this._invalidatePreferredInnerWidth();
>+        this.addToQueue( "layoutX" );
>+      }
>+      if( cellEntry[ 3 ] == null ) { //usses computedheight
>+        cellEntry[ 4 ] = null; //delete computedHeight
>+        this._invalidatePreferredInnerHeight();
>+        this.addToQueue( "layoutY" );
>+      }
>+    },
>+    
>+    __computeCellDimension : function( cellEntry ) {
>+      var dimension;
>+      if( cellEntry[ 0 ] == "label" ) {
>+        dimension = this._computeTextDimensions( cellEntry[ 1 ] );
>+      } else {
>+        dimension = [ 0, 0 ];
>+      }
>+      cellEntry[ 4 ] = dimension[ 0 ];
>+      cellEntry[ 5 ] = dimension[ 1 ];      
>+      return dimension;
>+    },
>+    
>+    _isWidthEssential : qx.lang.Function.returnTrue,
>+    _isHeightEssential : qx.lang.Function.returnTrue,    
>+    
>+    _computePreferredInnerWidth : function() {
>+      var space = this.getTotalSpacing();
>+      var content = 0;
>+      for( var i = 0; i < this.__cellCount; i++ ) {
>+        if( this.cellHasContent( i ) ) {
>+          content += this.getCellWidth( i );
>+        }
>+      } 
>+      return space + content;
>+    },
>+    
>+    _computePreferredInnerHeight : function() {
>+      var maxHeight = 0;
>+      for( var i = 0; i < this.__cellCount; i++ ) {
>+        if( this.cellHasContent( i ) ) {
>+          maxHeight = Math.max(
>+            maxHeight, 
>+            this.getCellHeight( i )
>+          );
>+        }
>+      } 
>+      return maxHeight;
>+    },
>+
>+    getTotalSpacing : function() {
>+      if( this.__computedTotalSpacing == null ) {
>+        var spaces = Math.max( 0, ( this.getTotalVisibleCells() - 1 ) ); 
>+        this.__computedTotalSpacing = spaces * this.getSpacing();
>+      }
>+      return this.__computedTotalSpacing;
>+    },
>+    
>+    getTotalVisibleCells : function() {
>+      var ret = 0;
>+      for( var i = 0; i < this.__cellCount; i++ ) {
>+        if( this.cellHasContent( i ) ) {
>+          ret++;
>+        }
>+      }
>+      return ret;
>+    },
>+   
>+    _invalidateTotalSpacing : function() {
>+      this.__computedTotalSpacing = null;
>+      this._invalidatePreferredInnerWidth();
>+    },
>+
>+    renderPadding : function( changes ) { },
>+
>+    _layoutPost : function( changes ) {
>+      if( changes.createContent ){
>+        this._createSubelements();
>+        this._catchSubelements();
>+      }
>+      if( changes.updateContent && !changes.createContent ) {
>+        this._updateAllImages(); 
>+        this._updateAllLabels();
>+      }
>+      if (    changes.width 
>+           || changes.layoutX 
>+           || changes.frameWidth 
>+           || changes.initial
>+          ) {
>+        this._renderLayoutX(); 
>+      }
>+      if (    changes.height 
>+           || changes.layoutY 
>+           || changes.frameHeight 
>+           || changes.initial
>+          ) {
>+        this._renderLayoutY();
>+      }
>+      this.base( arguments, changes );
>+    },
>+    
>+    _renderLayoutX : function() {
>+      var space = this.getSpacing();
>+      var pad = this.__paddingCache;
>+      var align = this.getHorizontalChildrenAlign();
>+      var total = this.getPreferredInnerWidth();
>+      var inner = this.getInnerWidth();
>+      var firstCellLeft  = null;      
>+      
>+      switch( align ) {
>+        default:
>+        case "left":
>+          firstCellLeft  = pad[ 3 ];
>+        break;
>+        case "center":
>+          firstCellLeft  = Math.round( pad[ 3 ] + inner * 0.5 - total * 0.5 );              
>+        break;
>+        case "right":
>+          firstCellLeft  = pad[ 3 ] + inner - total;
>+        break;
>+      }
>+      
>+      var left = firstCellLeft ;
>+      var width = null;
>+      var style = null;
>+      for( var i = 0; i < this.__cellCount; i++ ) {
>+        if( this.cellHasContent( i ) ) {
>+          width = this.getCellWidth( i );
>+          style = this.getCellNode( i ).style;
>+          style.left = left;
>+          style.width = width;
>+          left += ( width + space );
>+        }
>+      }      
>+    },
>+
>+    _renderLayoutY : function() {
>+      for( var i = 0; i < this.__cellCount; i++ ) {
>+        if( this.cellHasContent( i ) ) {
>+          this._renderCellLayoutY( i );
>+        }
>+      }      
>+    },
>+    
>+    _renderCellLayoutY : function( cell ) {
>+      var align = this.getVerticalChildrenAlign();
>+      var pad = this.__paddingCache;
>+      var inner = this.getInnerHeight();
>+      var height = this.getCellHeight( cell );
>+      var top = null;
>+
>+      switch( align ) {
>+        default:
>+        case "top":
>+          top = pad[ 0 ];
>+        break;
>+        case "middle":
>+          top = Math.round( pad[ 0 ] + inner * 0.5 - height * 0.5 );      
>+        break;
>+        case "bottom":
>+          top = pad[ 0 ] + inner - height;
>+        break;
>+      }
>+      
>+      var style = this.getCellNode( cell ).style;
>+      style.top = top;
>+      style.height = height;
>+    },
>+
>+
>+    /*
>+    ---------------------------------------------------------------------------
>+      IMAGE
>+    ---------------------------------------------------------------------------
>+    */
>+
>+
>+    _getImageHtml : qx.core.Variant.select("qx.client", {
>+      "mshtml" : function( cell ) {
>+        return   '<div style="position:absolute;border:0 none;filter:'
>+               + " progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" 
>+               + this.getCellContent( cell )  
>+               + "',sizingMethod='crop')" + '"></div>';        
>+      },
>+      "default" : function( cell ) {
>+        return   "<div style='position:absolute;border:0 none;background-image:url("
>+               + this.getCellContent( cell )
>+               + ");background-repeat:no-repeat;' ></div>";
>+      }
>+    }),
>+            
>+    _updateImage : qx.core.Variant.select("qx.client", {
>+      "mshtml" : function( cell ) {        
>+        var version = qx.core.Client.getVersion();
>+        var node = this.getCellNode( cell );
>+        if( version >= 8 ) {
>+          node.style.filter = 
>+              "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" 
>+            + this.getCellContent( cell )
>+            + "',sizingMethod='crop')";
>+          if ( !this.getEnabled() ) {
>+            node.style.filter 
>+              += "progid:DXImageTransform.Microsoft.Alpha(opacity = 30)"; 
>+          }
>+        } else {
>+          if ( this.getEnabled() ) {
>+            node.style.backgroundImage = ""; 
>+            node.style.filter = 
>+                "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" 
>+              + this.getCellContent( cell )
>+              + "',sizingMethod='crop')";
>+          } else {
>+            node.style.backgroundImage = 
>+                "URL(" 
>+              + this.getCellContent( cell )
>+              + ")";
>+            node.style.backgroundRepeat = "no-repeat";
>+            node.style.filter = 
>+                this.getEnabled() 
>+              ? "" 
>+              : "Alpha(Opacity=30)"; // removed Gray()           
>+          }          
>+        }
>+      },
>+      "default" : function( cell ) {
>+        this.getCellNode( cell ).style.backgroundImage = 
>+            "URL(" 
>+          + this.getCellContent( cell ) 
>+          + ")";
>+      }
>+    }),
>+    
>+    _updateAllImages : function() {
>+      for( var i = 0; i < this.__cellCount; i++ ) {
>+        if( this.cellIsImage( i ) && this.cellHasContent( i ) ) {
>+          this._updateImage( i );
>+        }
>+      }
>+    },
>+
>+    _styleImageEnabled : qx.core.Variant.select("qx.client", {
>+      "default" : function( cell ) {
>+        var opacity = ( this.getEnabled() === false ) ? 0.3 : "";
>+        var style = this.getCellNode( cell ).style;
>+        style.opacity = style.KhtmlOpacity = style.MozOpacity = opacity;
>+                
>+      },
>+      "mshtml" : function( cell ) {
>+        this._updateImage( cell );
>+      }
>+    }),
>+    
>+    _styleAllImagesEnabled : function() {
>+      for( var i = 0; i < this.__cellCount; i++ ) {
>+        if( this.cellIsImage( i ) && this.cellHasNode( i ) ) {
>+          this._styleImageEnabled( i );
>+        }
>+      }      
>+    },
>+        
>+            
>+    /*
>+    ---------------------------------------------------------------------------
>+      LABEL
>+    ---------------------------------------------------------------------------
>+    */
>+    
>+    _getLabelHtml : function( cell ) {
>+      return "<div style='position:absolute;border:0 none;overflow:hidden;"
>+             + this._htmlUtil._joinStyleProperties( [ this.__fontCache ] ) 
>+             + "'>"
>+             + this.getCellContent( cell )
>+             + "</div>";
>+    },
>+    
>+    _applyFont : function( value, old ) {           
>+      qx.theme.manager.Font.getInstance().connect(
>+       this._styleFont, 
>+       this, 
>+       value
>+      );      
>+    },
>+    
>+    _styleFont : function( font ) {
>+      if( font ) {
>+        font.renderStyle( this.__fontCache );
>+      } else { 
>+        qx.ui.core.Font.resetStyle( this.__fontCache );
>+      }            
>+      for( var i = 0; i < this.__cellCount; i++ ) {
>+        if( this.cellIsLabel( i ) && this.cellHasContent( i ) ) {
>+          if( this.cellHasNode( i ) ) {
>+            if( font ) {
>+              font.renderStyle( this.getCellNode( i ).style );
>+            } else { 
>+              qx.ui.core.Font.resetStyle( this.getCellNode( i ).style );
>+            }            
>+          }
>+          this.__updateComputedCellDimension( i );          
>+        }          
>+      }             
>+    },
>+    
>+    _updateLabel : function( cell ) {
>+      this.getCellNode( cell ).innerHTML = this.getCellContent( cell );
>+    },
>+    
>+    _updateAllLabels : function() {
>+      for( var i = 0; i < this.__cellCount; i++ ) {
>+        if( this.cellIsLabel( i ) && this.cellHasContent( i ) ) {
>+          this._updateLabel( i );
>+        }
>+      }
>+    },
>+    
>+    _styleLabelEnabled : qx.core.Variant.select("qx.client", {
>+      "default" : function( cell ) {
>+        var opacity = ( this.getEnabled() === false ) ? 0.3 : "";
>+        var style = this.getCellNode( cell ).style;
>+        style.opacity = style.KhtlOpacity = style.MozOpacity = opacity;        
>+      },
>+      "mshtml" : function( cell ) {
>+        var filter = 
>+            this.getEnabled() 
>+          ? "" 
>+          : "progid:DXImageTransform.Microsoft.Alpha(opacity = 30)"; 
>+        this.getCellNode( cell ).style.filter = filter;
>+      }
>+    }),
>+    
>+    _styleAllLabelsEnabled : function() {
>+      for( var i = 0; i < this.__cellCount; i++ ) {
>+        if( this.cellIsLabel( i ) && this.cellHasNode( i ) ) {
>+          this._styleLabelEnabled( i );
>+        }
>+      }      
>+    }, 
>+    
>+    _computeTextDimensions : function( text ) {
>+        var element = qx.ui.basic.Label._getMeasureNode();
>+        var style = element.style;
>+        var source = this.__fontCache;
>+        style.fontFamily = source.fontFamily || "";
>+        style.fontSize = source.fontSize || "";
>+        style.fontWeight = source.fontWeight || "";
>+        style.fontStyle = source.fontStyle || "";
>+        element.innerHTML = text;
>+        return [ element.scrollWidth, element.scrollHeight ];      
>+    }
>+
>+  }
>+  
>+});

Actions: View | Diff

Attachments on bug 284713: 142640 | 142883