useRollOver = false, virker ikke på header i AdvancedDataGrid eller DataGrid?

8 kommentarer

Dette er for mig stadig et problem. Håber dette er et lovligt bump, efter 4 måneders tid

Hej lasse.
Jeg er sikker på vi kan løse det ved at lave et headerSkin til dit datagrid. Jeg prøver lige at flette et eksempel sammen

Prøv at lave et simpelt ProgrammaticSkin: AS class der hedder HeaderBackgroundSkin.as

package
{
  import flash.display.Graphics;
  
  import mx.skins.ProgrammaticSkin;
 
  public class HeaderBackgroundSkin extends ProgrammaticSkin
  {
    public function HeaderBackgroundSkin()
    {
      super();
    }
    
    override protected function updateDisplayList(unscaledWidth:Number, unscaledHeight:Number):void
    {
      super.updateDisplayList(unscaledWidth, unscaledHeight);
      
      var g:Graphics = graphics;
      g.clear();
      g.beginFill(0xff9900,1);
      g.drawRect(0,0,unscaledWidth,unscaledHeight);
      g.endFill();
    }
    
  }
}

i dit Mxml tag kan du så sige

1	<mx:AdvancedDataGrid headerBackgroundSkin="HeaderBackgroundSkin"

Det hele kan gøres meget mere clean med stylesheet, men prøv først om det her ikke løser dit problem

Hej Martin
Tak fordi du gad kigge på det, men det er dog ikke løsningen.
headerBackgroundSkin ændrer ikke på rollover-farven på headeren. Når jeg bruger dit forslag så kommer der fint en orange baggrund men ved rollover på headeren bliver baggrunden stadig lyseblå...

Problemet er jeg ikke kan finde den function jeg skal override for at få rollover ændret..

Hej igen.
Du har ret lasse.

Jeg er dog kommet måske fundet en løsning. Jeg prøvede at grave ind i AdvancedDataGrid men det er en del af Datavisualization swc. så jeg må lige se den i Gumbo senere hvor man kan "read" swc files.

...Men
Prøv at lave et dit eget Custom Comp der er baseret på AdvanceDataGrid og så override protected function mouseOverHandler

<?xml version="1.0" encoding="utf-8"?>
<mx:AdvancedDataGrid xmlns:mx="http://www.adobe.com/2006/mxml" width="100%" height="100" >
  
  <mx:Script>
    <![CDATA[
      override protected function mouseOverHandler(event:MouseEvent):void 
      {
        // hvis events target, currentTarget eller relatedObject er en header render
        //  
        // Eller kald super.mouseOverHandler(event);
      }
    ]]>
  </mx:Script>
  
</mx:AdvancedDataGrid>

ovenstående fjerner helt rollover effekt, så vi skal have tjekket på det "item" der rolles over at et headerRender så skal vi ikke kalde super, og eller skal vi...

Prøv at arbejde videre med det lasse, så vi kan komme tilbunds i det

Hey Martin, der slap jeg da af med rollover på headeren

Valgte at lave en ny klasse, hvor jeg så extender advanceddatagrid:

package com.lassemoos.components
{
  import flash.events.MouseEvent;
  
  import mx.controls.AdvancedDataGrid;
 
  public class AdvancedDataGridStyledHeader extends AdvancedDataGrid
  {
    public function AdvancedDataGridStyledHeader()
    {
      super();
    }
    
      override protected function mouseOverHandler(event:MouseEvent):void 
      {
        // hvis events target, currentTarget eller relatedObject er en header render
        //  
        //super.mouseOverHandler(event);
      }
      
      override protected function mouseDownHandler(event:MouseEvent):void
      {
        
        if (event.target.parent is IndentedLabel){
          trace("header");
        } else{
          super.mouseDownHandler(event);
        }
      }
  }
}

Grunden til jeg ved at min header er af typen IndentedLabel er fordi jeg har sat det som headerRender="IndentedLabel" på mit AdvancedDataGridStyledHeader component.

Der er dog stadig et problem, på mouseDown vil jeg gerne ændre udseendet af headeren, men kan ikke rigtig finde frem til hvad det er jeg skal override der. Desværre har jeg ikke adgang til gumbo IDE'et og får blot fejl når jeg forsøger at se kildekoden til AdvancedDataGrid componentet.

Kan du ikke i din render lave et par states og skifte mellem dem

override protected function mouseDownHandler(event:MouseEvent):void
      {
 
        if (event.target.parent is IndentedLabel){
var render:IndentedLabel = event.target.parent as IndentedLabel;
render.currentState = "down"
          trace("header");
        } else{
          super.mouseDownHandler(event);
        }
      }

Det kunne man vel i princippet godt, men mener bare at IndentedLabel har ikke noget med backgroundSkin at gøre, og derfor bør man vel finde et down-state på backgroundSkin og ændre det istedet? Eller er det forkert?