2011-09-21 60 views
0

是否可以在spark數據網格的標題上設置工具提示。我不想在數據上提供任何工具提示 - 只是標題。我已經用鼠標玩過了,這種看起來像是可以工作的。儘管這對我來說似乎有些破綻。關於spark數據網格標題的Flex工具提示

任何人都可以幫助或給我任何提示(雙關語)?

感謝

+0

你可以創建一個headerRenderer嗎?我不確定Spark是否支持它。 – JeffryHouser

+0

謝謝Flextras。是的,我做了一些像DefaultGridHeaderRenderer。這隻顯示工具提示,但如果列很小。換句話說就是......理想情況下,我只想在鼠標懸停時顯示工具提示 – RNJ

回答

1

你應該有:

  1. 創建自定義的火花數據網格的皮膚...
  2. 創建HeaderRenderer外觀至極擴展GridItemRenderer,放入次火花的DataGrid皮膚
  3. 向標籤添加工具提示「labelDispaly」

它應該工作...

1
<?xml version="1.0" encoding="utf-8"?> 
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" 
       xmlns:s="library://ns.adobe.com/flex/spark" 
       xmlns:mx="library://ns.adobe.com/flex/mx" 
       minWidth="955" minHeight="600"> 
    <fx:Script> 
     <![CDATA[ 
      import mx.collections.ArrayCollection; 
      import mx.controls.Alert; 

      import spark.components.Grid; 

      [Bindable]private var collection:ArrayCollection = new ArrayCollection([ 
       {field01:"field01", content:"your content", field02:"field02"}, 
       {field01:"field01", content:"your content your content your content your content", field02:"field02"}, 
       {field01:"field01", content:"your content your content your content your content", field02:"field02"} 
      ]); 



     ]]> 
    </fx:Script> 
    <fx:Script> 
     <![CDATA[  
      import mx.collections.ArrayCollection;   
      import mx.controls.Alert; 
      import spark.events.GridEvent;   
      import spark.components.Image; 


      [Bindable] 
      private var myArrivalShips:ArrayCollection = new ArrayCollection([ 
       {arrivalShipsName:"Ship A", ETD:"12 March"}, 
       {arrivalShipsName:"Ship B", ETD:"25 March"}    
      ]); 

      private function buildToolTip(item:Object,column:GridColumn):String{ 
       var myString:String = ""; 

       if(column.columnIndex==0){ 
        myString=myString+"Arrival Ships"; 
       } 
       else if(column.columnIndex==1){ 
        myString=myString+"ETD"; 
       } 
       return myString; 
      } 


     ]]> 
    </fx:Script> 
    <s:BorderContainer x="267" y="11" width="331" height="586"> 

     <s:DataGrid id="arrivalTable" x="10" y="326" width="302" height="205" requestedRowCount="4" dataProvider="{myArrivalShips}" showDataTips="true" dataTipFunction="buildToolTip"> 
      <s:columns> 
       <s:ArrayList> 
        <s:GridColumn dataField="arrivalShipsName" headerText="Arrival Ships"></s:GridColumn> 
        <s:GridColumn dataField="ETD" headerText="ETD"></s:GridColumn>    
       </s:ArrayList> 
      </s:columns>    

     </s:DataGrid> 
     <s:BorderContainer x="10" y="19" width="302" height="285"> 
     </s:BorderContainer> 

    </s:BorderContainer> 

</s:Application>