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]> To: [email protected] 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 > > > <!-- #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
