Yes, you are right, it works. But I am already having another problem
I have posted a message about.
--- In flexcoders@yahoogroups.com, Enjoy Jake <[EMAIL PROTECTED]> wrote:
>
> Yes. And the example I provided most recently should do that for
you.
>
>
> ----- Original Message ----
> From: markgoldin_2000 <[EMAIL PROTECTED]>
> To: flexcoders@yahoogroups.com
> Sent: Tuesday, July 1, 2008 4:47:44 AM
> Subject: [flexcoders] Re: Draw colored shape
>
>
> Yes, it will show row background, but, .. no column background
> anymore. So, it's the same as not to have column background in the
> first place. But what I want is to have columns with backgrounds
and
> then color some rows keeping columns unchanged. Is that possible in
> Flex?
>
> --- In [EMAIL PROTECTED] ups.com, Enjoy Jake <enjoy_jake@ ...>
wrote:
> >
> > You're right. Your column backgroundColors are being displayed on
> top of your row background Colors. The fact is, you have to choose
> one or the other to be on top. Adobe decided that column colors
> should always be displayed over row colors. If you want to display
> rowColors over column colors, the easiest way to do it is by
> overriding updateDisplayList on your datagrid thus:
> >
> >
> > override protected function updateDisplayList
> (unscaledWidth: Number, unscaledHeight: Number):void {
> > super.updateDisplay List(unscaledWid th,
unscaledHeight) ;
> > var rowBGIndex:int = listContent. getChildIndex
> (listContent. getChildByName( "rowBGs") );
> > var colBGIndex:int = listContent. getChildIndex
> (listContent. getChildByName( "colBGs") );
> >
> > if (colBGIndex > rowBGIndex) {
> > listContent. swapChildrenAt( rowBGIndex,
colBGIndex);
> > }
> > }
> >
> > This is starting to get into the realm of "ugly hack", so beware.
> Much further into that realm is the modified example below. What
I've
> done is given each item in the dataprovider a "default" color of
> 0xffffffff. When drawing a row, if the calculated color is
0xffffffff
> then I do not draw the row, and let the column color shine through.
> >
> > As I said before, this is getting dangerously ugly, and for the
> benefit of the community, further examples of this should probably
be
> hidden from public view.
> >
> > Also, beware of retinal damage that could be caused by my awful
> choice of colors in the examples.
> >
> >
> > #Application
> > ############ ######
> > <?xml version="1.0" encoding="utf- 8"?>
> > <mx:Application xmlns:mx="http://www.adobe. com/2006/ mxml"
> layout="vertical" xmlns:local= "*">
> > <mx:Script>
> > <![CDATA[
> > import mx.collections. ArrayCollection;
> > [Bindable] public var rowColor:uint = 0xffffff;
> >
> > [Bindable] public var vowels:ArrayCollect ion = new
> ArrayCollection( [
> > {label: "a", rowColor: 0xffffffff},
> > {label: "e", rowColor: 0xffffffff},
> > {label: "i", rowColor: 0xffffffff},
> > {label: "o", rowColor: 0xffffffff},
> > {label: "u", rowColor: 0x0000ff},
> > {label: "sometimes y", rowColor: 0xffffffff}
> > ]);
> >
> > private function determineColor( item:Object,
> rowIndex:int, dataIndex:int, oldColor:uint) :uint {
> > return item.rowColor;
> > }
> >
> >
> > private function makeSelectedItemRed ():void {
> > if (myDG.selectedItem != null) {
> > myDG.selectedItem. rowColor = 0xff0000;
> > myDG.invalidateDisp layList() ;
> > myDG.selectedItem = null;
> > }
> > }
> > ]]>
> > </mx:Script>
> > <local:ColoredDataG rid id="myDG" dataProvider= "{vowels} "
> rowColorFunction= "determineColor" >
> > <local:columns>
> > <mx:DataGridColumn dataField="label"
> backgroundColor= "#00ff00" />
> > <mx:DataGridColumn backgroundColor= "#00cc00" />
> > <mx:DataGridColumn backgroundColor= "#009900" />
> > </local:columns>
> > </local:ColoredData Grid>
> >
> > <mx:Button label="Make selected item Red!!!"
> > click="makeSelected ItemRed() "/>
> > </mx:Application>
> > ############ ######### #
> >
> > # ColoredDataGrid. as
> > ############ ######### #
> > package {
> > import flash.display. Sprite;
> >
> > import mx.collections. ArrayCollection;
> > import mx.controls. DataGrid;
> >
> > public class ColoredDataGrid extends DataGrid {
> > public var rowColorFunction: Function;
> >
> > public function ColoredDataGrid( ) {
> > super();
> > }
> >
> > override protected function drawRowBackground( s:Sprite,
> rowIndex:int, y:Number, height:Number, color:uint,
> dataIndex:int) :void {
> > if(rowColorFunction != null) {
> > var item:Object;
> >
> > if (dataProvider is ArrayCollection) {
> > item = (dataProvider as
> ArrayCollection) .getItemAt( dataIndex) ;
> > }
> >
> > color = rowColorFunction( item, rowIndex,
> dataIndex, color );
> > }
> > if (color != 0xffffffff) {
> > super.drawRowBackgr ound
> (s,rowIndex, y,height, color,dataIndex) ;
> > }
> > }
> >
> > override protected function updateDisplayList
> (unscaledWidth: Number, unscaledHeight: Number):void {
> > super.updateDisplay List(unscaledWid th,
unscaledHeight) ;
> > var rowBGIndex:int = listContent. getChildIndex
> (listContent. getChildByName( "rowBGs") );
> > var colBGIndex:int = listContent. getChildIndex
> (listContent. getChildByName( "colBGs") );
> >
> > if (colBGIndex > rowBGIndex) {
> > listContent. swapChildrenAt( rowBGIndex,
colBGIndex);
> > }
> > }
> > }
> > }
> > ############ ######### ######### ###
> >
> >
> > ----- Original Message ----
> > From: markgoldin_2000 <markgoldin_ 2000@>
> > To: [EMAIL PROTECTED] ups.com
> > Sent: Monday, June 30, 2008 3:24:07 PM
> > Subject: [flexcoders] Re: Draw colored shape
> >
> >
> > I think I know why it's not working for me.
> > I am setting up backgrould colors for all columns:
> > dgc.setStyle( "backgroundColor ", someColor);
> > and that's why I dont row color change when I call
> > invalidateDisplayLi st later on.
> > Is that correct? If yes, then what else would you suggest to get
> row
> > background change on demand?
> >
> > Thanks
> >
> > --- In [EMAIL PROTECTED] ups.com, Enjoy Jake <enjoy_jake@ ...>
> wrote:
> > >
> > > Here's a quick sample I through together for you. There are two
> > files, one is the main application file, and the other is the
> > extended datagrid.
> > >
> > > Application
> > > ############ ######### ########
> > > <?xml version="1.0" encoding="utf- 8"?>
> > > <mx:Application xmlns:mx="http://www.adobe. com/2006/ mxml"
> > layout="vertical" xmlns:local= "*">
> > > <mx:Script>
> > > <![CDATA[
> > > import mx.collections. ArrayCollection;
> > > [Bindable] public var rowColor:uint = 0xffffff;
> > >
> > > [Bindable] public var vowels:ArrayCollect ion = new
> > ArrayCollection( ["a", "e", "i", "o", "u", "sometimes y"]);
> > >
> > > private function determineColor( item:Object,
> > rowIndex:int, dataIndex:int, oldColor:uint) :uint {
> > > return rowColor;
> > > }
> > > ]]>
> > > </mx:Script>
> > > <local:ColoredDataG rid id="myDG" dataProvider= "{vowels} "
> > rowColorFunction= "determineColor" >
> > > <local:columns>
> > > <mx:DataGridColumn dataField="name" />
> > > <mx:DataGridColumn/ >
> > > <mx:DataGridColumn/ >
> > > </local:columns>
> > > </local:ColoredData Grid>
> > >
> > > <mx:Button label="Make it Blue!!!" click="rowColor =
> 0x0000ff;
> > myDG.invalidateDisp layList() "/>
> > > </mx:Application>
> > > ############ ######### ######### ####
> > >
> > >
> > >
> > > # ColoredDataGrid. as
> > > ############ ######### ######### ####
> > > package {
> > > import flash.display. Sprite;
> > >
> > > import mx.collections. ArrayCollection;
> > > import mx.collections. XMLListCollectio n;
> > > import mx.controls. DataGrid;
> > >
> > > public class ColoredDataGrid extends DataGrid {
> > > public var rowColorFunction: Function;
> > >
> > > public function ColoredDataGrid( ) {
> > > super();
> > > }
> > >
> > > override protected function drawRowBackground(
s:Sprite,
> > rowIndex:int, y:Number, height:Number, color:uint,
> > dataIndex:int) :void {
> > > if(rowColorFunction != null) {
> > > var item:Object;
> > >
> > > if (dataProvider is ArrayCollection) {
> > > item = (dataProvider as
> > ArrayCollection) .getItemAt( dataIndex) ;
> > > }
> > >
> > > color = rowColorFunction( item, rowIndex,
> > dataIndex, color );
> > > }
> > > super.drawRowBackgr ound
> > (s,rowIndex, y,height, color,dataIndex) ;
> > > }
> > > }
> > > }
> > > ############ ######### ######### ####
> > >
> > >
> > > ----- Original Message ----
> > > From: markgoldin_2000 <markgoldin_ 2000@>
> > > To: [EMAIL PROTECTED] ups.com
> > > Sent: Monday, June 30, 2008 2:21:52 PM
> > > Subject: [flexcoders] Re: Draw colored shape
> > >
> > >
> > > Here is my code:
> > > //show data
> > > dataProvider = xmlTrainBlocksCars;
> > > // highlight west receiving
> > > invalidateDisplayLi st();
> > >
> > > override protected function drawRowBackground( s:Sprite,
> > rowIndex:int,
> > > y:Number, height:Number, color:uint, dataIndex:int) :void
> > > {
> > > if (rowIndex == 3)
> > > color = 0xFF0000;
> > > super.drawRowBackgr ound(s,rowIndex, y,height,
color,dataIndex) ;
> > > }
> > >
> > > Nothing is happening.
> > >
> > > --- In [EMAIL PROTECTED] ups.com, "Alex Harui" <aharui@>
wrote:
> > > >
> > > > Same thing. You would call invalidateDisplayLi st and that
> will
> > > cause
> > > > drawRowBackground to be called.
> > > >
> > > >
> > > >
> > > > ____________ _________ _________ __
> > > >
> > > > From: [EMAIL PROTECTED] ups.com
> > > [mailto:flexcoders@ yahoogro ups.com] On
> > > > Behalf Of markgoldin_2000
> > > > Sent: Monday, June 30, 2008 1:38 PM
> > > > To: [EMAIL PROTECTED] ups.com
> > > > Subject: [flexcoders] Re: Draw colored shape
> > > >
> > > >
> > > >
> > > > Alex,
> > > > I am trying to create a solution that will allow me to change
> > rows
> > > > colors from external to a dataGrid events. For example, from
a
> > > > contextMenu or from a click of a button.
> > > > What would you suggest?
> > > > If drawRowBackground it is then how do I execute it on demand?
> > > >
> > > > --- In [EMAIL PROTECTED] ups.com <mailto:flexcoders%
> > > 40yahoogroups. com>
> > > > , "Alex Harui" <aharui@> wrote:
> > > > >
> > > > > Best way to color a row is to override drawRowBackground
> > > > >
> > > > >
> > > > >
> > > > > ____________ _________ _________ __
> > > > >
> > > > > From: [EMAIL PROTECTED] ups.com <mailto:flexcoders%
> > > 40yahoogroups. com>
> > > >
> > > > [mailto:flexcoders@ yahoogro ups.com <mailto:flexcoders%
> > > 40yahoogroups. com>
> > > > ] On
> > > > > Behalf Of markgoldin_2000
> > > > > Sent: Monday, June 30, 2008 1:08 PM
> > > > > To: [EMAIL PROTECTED] ups.com <mailto:flexcoders%
> > > 40yahoogroups. com>
> > > > > Subject: [flexcoders] Draw colored shape
> > > > >
> > > > >
> > > > >
> > > > > I am trying to use this function to change row's color in
DG:
> > > > > public function setColor(row: Number, color:Number,
> > > > Width:Number) :void
> > > > > {
> > > > > var g:Graphics = graphics;
> > > > > g.clear();
> > > > > g.beginFill( color);
> > > > > g.drawRect(x, y, Width, 35);
> > > > > g.endFill();
> > > > > }
> > > > > I am calling this function after I have asiigned dataSource.
> > > > >
> > > > > Dont see any coloring though.
> > > > > Is it all wrong?
> > > > >
> > > > > Thanks
> > > > >
> > > >
> > >
> >
>
