Thanks .
Scot, actuly I m working on select all checkbox at header have u seeeen any
example of tht ? right now I have button to select all and de select all . I
hope ur solution will work out :)
----- Original Message ----
From: Scott Melby <[EMAIL PROTECTED]>
To: flexcoders@yahoogroups.com
Sent: Wednesday, December 19, 2007 8:05:56 PM
Subject: Re: [flexcoders] Re: DataGrid ItemRenderes HEADERS?
I haven't done this from a custom header... so sorry if this is way off
base. But, perhaps you could dispatch an event with bubbles = true
from the click handler rather than trying to call a method. Just make
sure you register as a listener (on the datagrid) for the event type
that you are dispatching. Seems the event should bubble out to you.
hth
Scott
Scott Melby
Founder, Fast Lane Software LLC
http://www.fastlane sw.com
Sajid Hussain wrote:
hey
.....
I want to add checkbox control in datagrid header ,I alredy render tht
checkbox but problem is that I m not able to call function from on that
click even I tried parentDocument. callMyfunction( ); ..its
giving me error but the same method I have applied to rows checkbox its
working but header its not wroking ...
but with application refrence I m able to calllllll .....
ANy help
-----
Original Message ----
From: rueter007 <[EMAIL PROTECTED] co.uk>
To: [EMAIL PROTECTED] ups.com
Sent: Wednesday, December 19, 2007 10:47:05 AM
Subject: [flexcoders] Re: DataGrid ItemRenderes - How to access the
{data} from the datagrid
You are doing a few things wrong here. use the following source in
your itemrenderer. mxml file
<?xml version="1.0" encoding="utf- 8"?>
<mx:Application xmlns:mx="http://www.adobe.
com/2006/ mxml"
xmlns:local= "*" >
<mx:Script>
<![CDATA[
import mx.events.ListEvent ;
[Bindable] private var dp:Array = [
{ symbol: "ADBE", name: "Adobe Systems Inc.", price: 49.95, bold: true
},
{ symbol: "MACR", name: "Macromedia Inc.", price: 39.95, bold: false },
{ symbol: "MSFT", name: "Microsoft Corp.", price: 25.95, bold: true },
{ symbol: "IBM", name: "IBM Corp.", price: 42.55, bold: false }
];
private function changeHandler( event:ListEvent) :void
{
var item: Object = event.itemRenderer. data;
item.bold = !item.bold;
dg1.dataProvider. itemUpdated( item);
}
// Sets the styles to display the DataGrid Items
private function computeStyles( data:Object, column:DataGridColu
mn):Object
{
var o:Object = new Object();
var bold:String = data["bold"] ;
if (bold == "true")
{
o.bold = true;
} else {
o.bold = false;
}
return o;
}
]]>
</mx:Script>
<mx:DataGrid id="dg1" dataProvider= "{dp}"
change="changeHandl er(event) " paddingTop=" 0" paddingBottom= "0"
verticalAlign= "middle" >
<mx:columns>
<mx:DataGridColumn headerText=" Name" dataField="name" width="140"/
>
<mx:DataGridColumn headerText=" Symbol" dataField="symbol"
width="60" />
<local:CustomColumn stylesFunction= "computeStyles" headerText="
Price"
dataField="price" itemRenderer= "CustomRenderer" />
</mx:columns>
</mx:DataGrid>
</mx:Application>
The most important issue here is that the changeHandler is modifying
the dp array which is not the same as the dataprovider of the grid.
you need to get a handle to the actual item in the grid's dataprovider
using the event.itemrenderer. data property and make changes to it. I
HTH
- venkat
http://www.venkatj. com
--- In [EMAIL PROTECTED] ups.com,
"m.frigge" <[EMAIL PROTECTED] .> wrote:
>
> Hey Mark,
>
> I'm struggling with itemRenderers too. First of all here
>
<http://blogs.
adobe.com/ aharui/2007/ 03/thinking_ about_item_ renderers_ 1.h\
> tml> is a link to Alex's blog speaking about
itemRenderers and showing
> some nice examples. In the BlinkWhenDataChange d example he is
changing
> Background settings. I tried to adopt his itemRenderer and change
it so
> that it checks a data value and sets the textFormat depending on
what
> value the data has. This
> <http://16-bits.
com/ItemRenderer /ItemRenderer. html> is how far i came.
> I toggle the value on change, so when you click it the style
changes. My
> only Problem is that it doesn't work anymore after sorting the
dataGrid
> by one of its columns. Maybe we can work on this together :-).
>
> Cheers, Max
>
> --- In [EMAIL PROTECTED] ups.com,
"oneproofdk" <mark@> wrote:
> >
> > Hi.
> > In a itemrenderer I'd like to access a {data} value in a
Script in the
> > itemrenderer. I just can't figure out how to do this.
> >
> > I have an ArrayCollection as the dataprovider for the
DataGrid.
> > In a Column, I sue a itemrenderer "status"
> >
> > Inside renderer.status. as I have a VBox, with a init()
function.
> > Inside init I'd like to test if "data.repeating" != null and
if so,
> > set a label to a specific value, if not null, set to another
value.
> >
> > <vbox><script> </script> <label/><
/vbox>
> >
> > Please - can anyone help me out with an example on how to
accomplish
> > this, I hope, simple task.
> >
> > (The reason for using a VBox was that I had my hopes for
setting the
> > background color also, so if != null color=XX + text = XX etc.
> >
> > Thanks for your time
> > Mark
> >
>
Looking for last minute shopping deals?
Find them fast with Yahoo! Search.
<!--
#ygrp-mkp{
border:1px solid #d8d8d8;font-family:Arial;margin:14px 0px;padding:0px 14px;}
#ygrp-mkp hr{
border:1px solid #d8d8d8;}
#ygrp-mkp #hd{
color:#628c2a;font-size:85%;font-weight:bold;line-height:122%;margin:10px 0px;}
#ygrp-mkp #ads{
margin-bottom:10px;}
#ygrp-mkp .ad{
padding:0 0;}
#ygrp-mkp .ad a{
color:#0000ff;text-decoration:none;}
-->
<!--
#ygrp-sponsor #ygrp-lc{
font-family:Arial;}
#ygrp-sponsor #ygrp-lc #hd{
margin:10px 0px;font-weight:bold;font-size:78%;line-height:122%;}
#ygrp-sponsor #ygrp-lc .ad{
margin-bottom:10px;padding:0 0;}
-->
<!--
#ygrp-mlmsg {font-size:13px;font-family:arial, helvetica, clean, sans-serif;}
#ygrp-mlmsg table {font-size:inherit;font:100%;}
#ygrp-mlmsg select, input, textarea {font:99% arial, helvetica, clean,
sans-serif;}
#ygrp-mlmsg pre, code {font:115% monospace;}
#ygrp-mlmsg * {line-height:1.22em;}
#ygrp-text{
font-family:Georgia;
}
#ygrp-text p{
margin:0 0 1em 0;}
#ygrp-tpmsgs{
font-family:Arial;
clear:both;}
#ygrp-vitnav{
padding-top:10px;font-family:Verdana;font-size:77%;margin:0;}
#ygrp-vitnav a{
padding:0 1px;}
#ygrp-actbar{
clear:both;margin:25px 0;white-space:nowrap;color:#666;text-align:right;}
#ygrp-actbar .left{
float:left;white-space:nowrap;}
.bld{font-weight:bold;}
#ygrp-grft{
font-family:Verdana;font-size:77%;padding:15px 0;}
#ygrp-ft{
font-family:verdana;font-size:77%;border-top:1px solid #666;
padding:5px 0;
}
#ygrp-mlmsg #logo{
padding-bottom:10px;}
#ygrp-vital{
background-color:#e0ecee;margin-bottom:20px;padding:2px 0 8px 8px;}
#ygrp-vital #vithd{
font-size:77%;font-family:Verdana;font-weight:bold;color:#333;text-transform:uppercase;}
#ygrp-vital ul{
padding:0;margin:2px 0;}
#ygrp-vital ul li{
list-style-type:none;clear:both;border:1px solid #e0ecee;
}
#ygrp-vital ul li .ct{
font-weight:bold;color:#ff7900;float:right;width:2em;text-align:right;padding-right:.5em;}
#ygrp-vital ul li .cat{
font-weight:bold;}
#ygrp-vital a{
text-decoration:none;}
#ygrp-vital a:hover{
text-decoration:underline;}
#ygrp-sponsor #hd{
color:#999;font-size:77%;}
#ygrp-sponsor #ov{
padding:6px 13px;background-color:#e0ecee;margin-bottom:20px;}
#ygrp-sponsor #ov ul{
padding:0 0 0 8px;margin:0;}
#ygrp-sponsor #ov li{
list-style-type:square;padding:6px 0;font-size:77%;}
#ygrp-sponsor #ov li a{
text-decoration:none;font-size:130%;}
#ygrp-sponsor #nc{
background-color:#eee;margin-bottom:20px;padding:0 8px;}
#ygrp-sponsor .ad{
padding:8px 0;}
#ygrp-sponsor .ad #hd1{
font-family:Arial;font-weight:bold;color:#628c2a;font-size:100%;line-height:122%;}
#ygrp-sponsor .ad a{
text-decoration:none;}
#ygrp-sponsor .ad a:hover{
text-decoration:underline;}
#ygrp-sponsor .ad p{
margin:0;}
o{font-size:0;}
.MsoNormal{
margin:0 0 0 0;}
#ygrp-text tt{
font-size:120%;}
blockquote{margin:0 0 0 4px;}
.replbq{margin:4;}
-->
____________________________________________________________________________________
Looking for last minute shopping deals?
Find them fast with Yahoo! Search.
http://tools.search.yahoo.com/newsearch/category.php?category=shopping
