读书人

Add tooltip and . to header and tr

发布时间: 2012-11-03 10:57:42 作者: rapoo

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>

?

读书人网 >Web前端

热点推荐