当前位置: 代码迷 >> Web前端 >> Add tooltip and . to header and tree in your AdvancedDataGrid
  详细解决方案

Add tooltip and . to header and tree in your AdvancedDataGrid

热度:647   发布时间:2012-11-03 10:57:42.0
Add tooltip and ... to header and tree in your AdvancedDataGrid

The default advancedwon't show any toolTip and truncate to fit the width ,
so I look for solution? quit long time, and figure out this solution .
you can add the follew code into AdvancedDataGrid

?

?

<mx:headerRenderer>
 <mx:Component>
  <mx:AdvancedDataGridHeaderRenderer >
   <mx:Script>
    <![CDATA[
     import mx.controls.advancedDataGridClasses.AdvancedDataGridColumn;
        
     override protected function updateDisplayList(unscaledWidth:Number, unscaledHeight:Number):void
     {
               if(this.label.truncateToFit("..."))
      {
         if(this.data != null && this.data is AdvancedDataGridColumn)
        {
         var col:AdvancedDataGridColumn = this.data as AdvancedDataGridColumn;
         this.label.toolTip = col.headerText;
        }
      }
     super.updateDisplayList(unscaledWidth, unscaledHeight);
     }
    ]]>
   </mx:Script>
      
  </mx:AdvancedDataGridHeaderRenderer>
 </mx:Component>
</mx:headerRenderer>
<mx:groupItemRenderer>
 <mx:Component>
  <mx:AdvancedDataGridGroupItemRenderer>
   <mx:Script>
    <![CDATA[
    import mx.controls.advancedDataGridClasses.AdvancedDataGridListData;
    import mx.controls.AdvancedDataGrid;
        
    override protected function updateDisplayList(unscaledWidth:Number, unscaledHeight:Number):void    
    {        
     super.updateDisplayList(unscaledWidth, unscaledHeight); 
     if(listData != null ){
      this.label.toolTip = listData["item"].yourValueField;
      this.label.truncateToFit("...");
      }  
     } 
    ]]>
   </mx:Script>
  </mx:AdvancedDataGridGroupItemRenderer>
 </mx:Component>
</mx:groupItemRenderer>

?

  相关解决方案