I THINK I know what you're talking about. You mean the grey line that
separates each column, right? What you're wanting is a line that goes all
the way from the bottom-left of the first column header to the bottom-right
of the last column header, right? If not, please post a doctored screenshot
of how you want the header to look.
If so, I think you'll need to make your own headerSeparatorSkin for ADG.
This is what is in the default skin, DataGridHeaderSeparator.
override protected function updateDisplayList(w:Number, h:Number):void
{
super.updateDisplayList(w, h);
var g:Graphics = graphics;
g.clear();
// Highlight
g.lineStyle(1, 0xFFFFFF, 0.5);
g.moveTo(0, 0);
g.lineTo(0, h);
g.lineStyle(1, getStyle("borderColor"));
g.moveTo(1, 0);
g.lineTo(1, h);
}
I made my own subclass of ProgrammaticSkin that just had nothing in its
updateDisplayList. That gave me no separator at all. I'm sure you could
get it to do just what you want. You're still left with the default border
around the entire block of columns drawn by the grid. There's probably
another skin you could replace to get rid of that if it's a problem.
On Tue, Sep 16, 2008 at 1:10 PM, whatabrain <[EMAIL PROTECTED]> wrote:
> That's a little closer than what I was trying (adding a Shape to the
> list of children), but it still has one problem: The column separator
> pixels break up the line.
>
>
> --- In [email protected] <flexcoders%40yahoogroups.com>, "Pan
> Troglodytes"
> <[EMAIL PROTECTED]> wrote:
> >
> > Yeah, I think your could subclass it and override updateDisplayList
> for what
> > you're needing. Check this out and see if it does what you need:
> >
> > package nes
> > {
> > import
> mx.controls.advancedDataGridClasses.AdvancedDataGridHeaderRenderer;
> >
> > public class AdvancedDataGridHeaderRendererExt extends
> > AdvancedDataGridHeaderRenderer
> > {
> > override protected function updateDisplayList
> (unscaledWidth:Number,
> >
> > unscaledHeight:Number):void
> > {
> > super.updateDisplayList(unscaledWidth, unscaledHeight);
> >
> > graphics.moveTo(0, unscaledHeight);
> > graphics.lineStyle(2, 0xFF0000);
> > graphics.lineTo(unscaledWidth, unscaledHeight);
> > }
> > }
> > }
> >
> >
> > <?xml version="1.0" encoding="utf-8"?>
> > <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml";
> > xmlns:nes="nes.*"
> > layout="vertical"
> > >
> > <mx:Script>
> > <![CDATA[
> > import mx.collections.ArrayCollection;
> > [Bindable] private var d:ArrayCollection = new ArrayCollection
> ([
> > {value: 1, summaryRow:false},
> > {value: 2, summaryRow:false},
> > {value: 3, summaryRow:false},
> > {value: 4, summaryRow:false},
> > {value: 5, summaryRow:false},
> > {value: 6, summaryRow:false},
> > {value: 21, summaryRow:true}
> > ]);
> > ]]>
> > </mx:Script>
> >
> > <mx:AdvancedDataGrid dataProvider="{d}" height="100%">
> > <mx:columns>
> > <mx:AdvancedDataGridColumn dataField="value"
> headerText="title">
> > <mx:headerRenderer>
> > <mx:Component>
> > <nes:AdvancedDataGridHeaderRendererExt
> horizontalAlign="right"/>
> > </mx:Component>
> > </mx:headerRenderer>
> > </mx:AdvancedDataGridColumn>
> > </mx:columns>
> > </mx:AdvancedDataGrid>
> > </mx:Application>
> >
> >
> > On Mon, Sep 15, 2008 at 4:48 PM, whatabrain <[EMAIL PROTECTED]> wrote:
> >
> > > Thanks! That fixed most of my problems, and could fix my "sort
> arrow"
> > > problem when I get to it.
> > >
> > > But I'm having an absurd amount of trouble drawing a thick
> horizontal
> > > line under the headers. The best I could do was add a Shape
> object to
> > > the display list in the header renderer, but that had gaps in it
> > > where the header separators were, and interacted very poorly with
> > > word wrap.
>
>
>
--
Jason
