Item renderer concept in Grid - Grid ITem

Hi All,
I am using grid, grid items in my app to generate a view. I can not attain that view using datagrid control. So i want to speed up processing in my layout.
When i give data to my layout (using grid - grid item) it takes enarmous time to load. It adds lot of weight to my app. App get hanged while scrolling. Is there any possibility to acheive item renderer concept in my Grid - Grdi item layout.
Note: currently using Flex 3.2 for this. Ready to switch to Flex 4.5 if it is possible. But need to use mx component.
Sathyamoorthi.

Thanx for reply.But this is not what i am looking for.I need
to apply different colors for each bars.I am generating charts
dynamically.The item renderer is working fine.But at specific
condition the item renderer shold ne removed from the chart series

Similar Messages

Item Renderer in Advanced Data Grid

I have checkbox against each folder in the datagrid and
binded to XMLListCollection. When the value in the field is true, i
want that checkbox to be selected. Its not working. Here is the
code. I want to know how item render is working in AdvancedDataGrid
Thanks in advance.
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="
http://www.adobe.com/2006/mxml"
layout="vertical">
<mx:Script>
<![CDATA[
import mx.collections.HierarchicalData;
import mx.collections.XMLListCollection;
]]>
</mx:Script>
<mx:XMLList id="dpHierarchyXML" >
<Clegs>
<Cleg name="Cleg1" sel="true">
<FlightLeg createdDate="10/10/2008"
effectiveDate="10/10/2008"
endDate="10/10/2008" modifiedDate="10/12/2008"
station="ATL" carrier="Delta"
flightNo="9W756" acType="122"
beginDate="10/10/2008" timeRange="10"
doop="123" region="XYZ"
year_duration="0.24" moons="0"
cost="1250"
/>
</Cleg>
<Cleg name="Cleg2" sel="true">
<FlightLeg createdDate="10/10/2008"
effectiveDate="10/10/2008"
endDate="10/10/2008" modifiedDate="10/12/2008"
station="ATL" carrier="Delta"
flightNo="9W756" acType="122"
beginDate="10/10/2008" timeRange="10"
doop="123" region="XYZ"
year_duration="0.24" moons="0"
cost="1250"
/>
</Cleg>
</Clegs>
</mx:XMLList>
<mx:AdvancedDataGrid
id="adg"
dataProvider="{new HierarchicalData(dpHierarchyXML.Cleg)}"
rowCount="20"
width="100%"
treeColumn="{leg}"
variableRowHeight="true"
wordWrap="true" dropEnabled="true" dragEnabled="true"
dragMoveEnabled="true" sortExpertMode="true"
>
<mx:columns>
<mx:AdvancedDataGridColumn dataField="@sel"
headerText=" " width="25" rendererIsEditor="true"
editable="true" editorDataField="selected" />
<mx:AdvancedDataGridColumn dataField="@name" id="leg"
headerText="cLeg" />
<mx:AdvancedDataGridColumn dataField="@createdDate"
headerText="Created Date" />
<mx:AdvancedDataGridColumn dataField="@effectiveDate"
headerText="Effective Date" />
<mx:AdvancedDataGridColumn dataField="@endDate"
headerText="End Date" />
<mx:AdvancedDataGridColumn dataField="@modifiedDate"
headerText="Modified Date" />
<mx:AdvancedDataGridColumn dataField="@station"
headerText="Station" />
<mx:AdvancedDataGridColumn dataField="@carrier"
headerText="Carrier" />
<mx:AdvancedDataGridColumn dataField="@flightNo"
headerText="Flight No" />
<mx:AdvancedDataGridColumn dataField="@acType"
headerText="Account Type" />
<mx:AdvancedDataGridColumn dataField="@beginDate"
headerText="Begin Date" />
<mx:AdvancedDataGridColumn dataField="@timeRange"
headerText="Time Range" />
<mx:AdvancedDataGridColumn dataField="@doop"
headerText="DOOP" />
<mx:AdvancedDataGridColumn dataField="@region"
headerText="Region" />
</mx:columns>
<mx:rendererProviders>
<mx:AdvancedDataGridRendererProvider columnIndex="0"
columnSpan="1" depth="1" renderer="mx.controls.CheckBox">
</mx:AdvancedDataGridRendererProvider>
</mx:rendererProviders>
</mx:AdvancedDataGrid>
</mx:Application>

2) You do not set an item editor only an item renderer.
<mx:AdvancedDataGridRendererProvider columnIndex="0"
columnSpan="1" depth="1" renderer="mx.controls.CheckBox">
3) You do not have rendererIsEditor on any columns that I can
see.
<mx:AdvancedDataGridColumn dataField="@sel"
headerText=" " width="25" rendererIsEditor="true"
editable="true" editorDataField="selected"/>
If I use the itemrender for that column, i am gettting the
check box for all the rows. Which i dont want . I want check box
only for the folder node. so i am using renderer provider
I want only one column to be editable

DataGrid Horizontal Scroll Problem when datagrid contains Item renderer

I have datagrid with horizontal scroll policy enabled. Grid
contains some item renderer also.One of the item renderer is
datefield when i select a date from the datefield and say the
adjacent cell of the grid also contain datefield itemrenderer
and i am selecting date from that itemrenderer also.When i
scroll horizontally the date in the itemrender changes to any one
of the two itemrenderer.Some time it works fine.I am getting the
issue for combobox itemrender also.Can any one help me to solve
this issue.

"happybrowndog" <[email protected]> wrote in
message
news:ge11ag$jdo$[email protected]..
>
quote:
Originally posted by:
ravi_bharathii
> I have datagrid with horizontal scroll policy enabled.
Grid contains some
> item
> renderer also.One of the item renderer is datefield when
i select a date
> from
> the datefield and say the adjacent cell of the grid also
contain datefield
> itemrenderer
> and i am selecting date from that itemrenderer also.When
i scroll
> horizontally
> the date in the itemrender changes to any one of the two
itemrenderer.Some
> time
> it works fine.I am getting the issue for combobox
itemrender also.Can any
> one
> help me to solve this issue.
>
> Ravi, I am having a similar problem. I subclass a
TextInput as an
> itemrenderer for a column in a datagrid. My subclassed
TextInput checks
> to see
> the value in the overriden set() method, and depending
on the value, sets
> the
> background color of the TextInput to green. When the
datagrid scrolls
> horizontally, some unrelated cell colors also change
green and some of the
> data
> gets duplicated in the cells. The underlying data
provider's data is not
> confused however. Seems the rendering is screwed up when
the Datagrid
> scrolls.
>
> Did you find a solution to this problem? I think
Datagrid is a piece of
> screwed up code.
http://www.magnoliamultimedia.com/flex_examples/Amys_Flex_FAQ.pdf
Q2

How to dispatch custom events from an item renderer used for Datagrid Column

Hi,
I am using an Item Renderer for a Data Grid Column and in that mxml, I am dispatching a custom event with data.
But the main mxml which has the DataGrid is not able to resolve the event. How can I solve this?
Thanks

Hi,
This is the constructor for Event.
public function Event(type:String, bubbles:Boolean = false, cancelable:Boolean = false)
When you created your custom event after extending from Event, for the parent container receives the event, the bubbles property must be set to true.
Please check if you have done so. That should solve the problem. Let me know if it doesn't.
Nishad

When to use Drop In Item renderer and InLine Item Renderers ??

Hi ,
I am getting confused in where to use Inline ItemRenderer and DropIn Item Renderer .
What i feel is that DROP in Item Renderer are easy to use , and those can satisfy any requirements .
What i read from tutorilas that we cant use Drop In because they say , The only drawback to using drop in is that them is that you cannot configure them
Please help me .

Hi Kiran,
Here is the detailed explanation you needed:
You can also refer the link below:
http://blog.flexdevelopers.com/2009/02/flex-basics-item-renderers.html
Drop-In Item Renderers
Drop-In Item Renderers are generic in nature and don't rely on specific data fields to render data. This allows them to be used with a wide range of data sets, hence, the term “drop-in”. Drop-In Item Renderers can be “dropped-in” to any list-based control regardless of the dataprovider’s data properties.
In our previous example, the employee photo property requires use of a custom Item Renderer to render properly in the UI. In this scenario the Image component satisfies our rendering needs out of the box. Implemented as a Drop-In Item Renderer, the Image component takes any data property regardless of name and uses it as the Image component's source property value. Assuming our employee photo property contains a valid image path, the Image Drop-In Item Renderer will work perfectly and resolve the image path as an image in the UI.

<mx:DataGridColumn dataField="photo"
                   headerText="Employee Photo"
                   itemRenderer="mx.controls.Image"/>
Drop-In Item Renderers are simple and easy to use and satisfy specific use cases nicely. However, they provide no flexibility whatsoever. If your needs are not satisfied by a Drop-In Item Renderer, you must create your own Item Renderer as an inline component or an external component.
Inline Item Renderers
Generally used for simple item rendering requiring minimal customization, inline Item Renderers are defined as a component nested within the MXML of your list-based control.
It is important to note that Item Renderers nested within the itemrender property of a list-based control occupy a different scope than the list-based control. Any attempt to reference members (properties or methods) of the parent component from the nested Item Renderer component will result in a compile-time error. However, references to the members of the parent component can be achieved by utilizing the outerDocument object.
<mx:DataGrid id="myGrid" dataProvider="{gridData}">
   <mx:columns>
      <mx:DataGridColumn headerText="Show Relevance">
         <mx:itemRenderer>
            <mx:Component>
               <mx:Image source="{'assets/images/indicator_' + data.showRelevance + '.png'}"
                         toolTip="{(data.showRelevance == 1) ? 'On' : 'Off'}"
                         click="outerDocument.toggle()" />
            </mx:Component>
         </mx:itemRenderer>
      </mx:DataGridColumn>
   </mx:columns>
</mx:DataGrid>
Remember, rules of encapsulation still apply. Mark all properties or methods public if you want them accessible by your inline Item Renderer. In the previous example, the toggle() method must have a public access modifier to expose itself to the inline Item Renderer.
public function toggle():void
Inline Item Renderers can also be reusable by creating a named component instance outside of the list-based control. This component must have an id property and contain the rendering logic of the Item Renderer. Using data bindings, the component is assigned to the itemrenderer property of one or more data properties of a list-based control.

<mx:Component id="ImageRenderer">
   <mx:VBox width="100%" height="140"
            horizontalAlign="center" verticalAlign="middle">
      <mx:Image source="{'assets/'+data.image}"/>
      <mx:Label text="{data.image}" />
   </mx:VBox>
</mx:Component>

<mx:DataGridColumn headerText="Image"
                   dataField="image" width="150"
                   itemRenderer="{ImageRenderer}"/>
In the previous example, note that the Item Renderer component contains 2 UI controls – Image and Label. When using multiple controls within an Item Renderer, a layout container is required. In this example, a VBox was used.
If this post answers your question or helps, please kindly mark it as such.
Thanks,
Bhasker Chari
Message was edited by: BhaskerChari

Item renderer issue

Hi,
I have a comboBox as item renderer in my datagrid (comboBox item renderer code bellow).
1. How can I remove the first blank item? My comboBox arrayCollection doesn't have 0 item.
2. If I come back to the cell that it was already selected with a value from my comboBox, how can I set the selected item of my comboBox to be the same as the previus value? If I leave the comboBox without selection it will be blank as the 0 element.
Please help.
Thanks
Johnny
<?xml version="1.0" encoding="utf-8"?>
<mx:ComboBox xmlns:mx="http://www.adobe.com/2006/mxml"
             labelField="label" dataProvider="{acCombo}" rowCount="20"
             change="onSelectionChange(event)" creationComplete="init()">
    <mx:Script>
        <![CDATA[
            import mx.collections.ArrayCollection;
            import mx.controls.dataGridClasses.DataGridListData;
            import mx.events.ListEvent;
            import mx.rpc.events.ResultEvent;
            [Bindable]private var acCombo:ArrayCollection = new ArrayCollection ([{id:1, label:"Item 01"},{id:2, label:"Item 02"},{id:3, label:"Item 03"},
                {id:4, label:"Item 04"},{id:5, label:"Item 05"}]);
            private var _ownerData:Object;
            public function init():void
                //init code
            override public function set data(value:Object):void
                if (value){
                    _ownerData = value as Object;
                    var col:DataGridListData = DataGridListData(listData);
                    var item:Object = new Object;
                    var clabel:String = value[col.dataField];
                    var cid:int = value.id;
                    item.label = clabel;
                    item.id = cid;
                    selectedItem = item;
            override public function get data():Object
                return _ownerData;
            override public function setFocus():void
                super.setFocus();
                open();
            private function onSelectionChange(e:ListEvent):void
                if(selectedItem && _ownerData){
                    var col:DataGridListData = DataGridListData(listData);
                    var clabel:String = selectedItem.label;
                    var cid:int = selectedItem.id;
                    _ownerData[col.dataField] = clabel;
                    _ownerData[id] = cid;
        ]]>
    </mx:Script>
</mx:ComboBox>

Hi,
I created a sample, maybe someone can see the issue for me
Thanks!
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical" viewSourceURL="srcview/index.html"
                creationComplete="init()">
    <mx:Script>
        <![CDATA[
            import mx.events.CollectionEvent;
            import mx.events.DataGridEvent;
            import com.myItemEditor;
            import mx.collections.ArrayCollection;
            [Bindable] private var acExecution:ArrayCollection = new ArrayCollection([
                {Territory:"Arizona", Territory_Rep:"Barbara Jennings", ITEM_ID:1, ITEM_NAME:"Item 01"},
                {Territory:"Central California", Territory_Rep:"Joe Smith", ITEM_ID:2, ITEM_NAME:"Item 02"},
                {Territory:"Nevada", Territory_Rep:"Bethany Pittman", ITEM_ID:2, ITEM_NAME:"Item 02"},
                {Territory:"Northern California", Territory_Rep:"T.R. Smith", ITEM_ID:1, ITEM_NAME:"Item 01"},
                {Territory:"Southern California", Territory_Rep:"Jane Grove", ITEM_ID:3, ITEM_NAME:"Item 03"}
            private function init():void
            private function onItemEditEnd(e:DataGridEvent):void
                var cEditor:myItemEditor = dgCustomEditor.itemEditorInstance as myItemEditor;
                var item:Object = cEditor.selectedItem;
                acExecution.refresh();
        ]]>
    </mx:Script>
    <mx:DataGrid id="dgCustomEditor" dataProvider="{acExecution}" height="160"
                 editable="true" itemEditEnd="onItemEditEnd(event)">
        <mx:columns>
            <mx:DataGridColumn headerText="Territory" dataField="Territory" width="60"
                               editable="false"/>
            <mx:DataGridColumn headerText="Territory Rep" dataField="Territory_Rep" width="60"
                               editable="false"/>
            <mx:DataGridColumn headerText="Item ID" dataField="ITEM_ID" width="60"
                               editable="false"/>
            <mx:DataGridColumn headerText="Item Name" dataField="ITEM_NAME" width="160" itemEditor="com.myItemEditor" />
        </mx:columns>
    </mx:DataGrid>
</mx:Application>
Item Editor component
<?xml version="1.0" encoding="utf-8"?>
<mx:ComboBox xmlns:mx="http://www.adobe.com/2006/mxml"
             labelField="LABEL" dataProvider="{acCombo}" rowCount="20"
             change="onSelectionChange(event)" creationComplete="init()">
    <mx:Script>
        <![CDATA[
            import mx.events.ListEvent;
            import mx.controls.dataGridClasses.DataGridListData;
            import mx.rpc.events.ResultEvent;
            import mx.collections.ArrayCollection;
            [Bindable]private var acCombo:ArrayCollection = new ArrayCollection ([{ID:1, LABEL:"Item 01"},{ID:2, LABEL:"Item 02"},{ID:3, LABEL:"Item 03"},
                {ID:4, LABEL:"Item 04"},{ID:5, LABEL:"Item 05"}]);
            private var _ownerData:Object;
            private function init():void
                //init code
            override public function set data(value:Object):void
                if (value){
                    _ownerData = value as Object;
                    var col:DataGridListData = DataGridListData(listData);
                    var item:Object = new Object;
                    var clabel:String = value[col.dataField];
                    var cid:int = value["ITEM_ID"];
                    item.LABEL = clabel;
                    item.ID = cid;
                    selectedItem = item;
            override public function get data():Object
                return _ownerData;
            override public function setFocus():void
                super.setFocus();
                open();
            private function onSelectionChange(e:ListEvent):void
                if(selectedItem && _ownerData){
                    var col:DataGridListData = DataGridListData(listData);
                    var clabel:String = selectedItem.LABEL;
                    var cid:int = selectedItem.ID;
                    _ownerData[col.dataField] = clabel;
                    _ownerData["ITEM_ID"] = cid;
        ]]>
    </mx:Script>
</mx:ComboBox>

Click event on a item renderer stops data being passed

Hi
I'm trying to create a item renderer based on a Canvas, this renderer is then used in a List component. I'm trying to get a click event fired when the user clicks on one of the items in the List. I'm also formatting the data being passed into the item renderer to do this I'm overriding the set data property like this:
override public function set data(value:Object):void
title.text = value.marketName;
sellPrice.text = value.sellPrice;
buyPrice.text = value.buyPrice;
change.text = value.percentageChangeOnDay;
var i:String = "-";
if(String(value.percentageChangeOnDay).indexOf(i))
change.styleName = "PositiveChange";
else
change.styleName = "NegativeChange";
When I add a click event to my item renderer like this,
<view:DisplayItem click="itemClickedEvent( event )" />
I get a null reference error in my set data function. If I remove the click event the data is passed correctly, I've also found that if I use a rollOut event like this,
<view:DisplayItem rollOut="rolledOverEvent( event )"/>
the data is passed fine and the event works too, it seems that click events cause the data not to be passed.
Why does having a click event cause this problem? How can I have a click event on the item renderer and still format my data?
Cheers
Stephen

Found out that I can use the itemClick event of the List component I'm using my item renderer in, so really my item renderer does not need a click event.

APEX 4.2 aligning issue of Stop and Start Grid Layout item

My APEX application application is in the process of moving from 4.0 to 4.2. I am experiencing an issue with aligning (left margin justified) of Stop and Start Grid Layout items that have a border around them. Earlier I had an issue with the border itself not showing up in the 4.2 application. I was able to resolve that with a workaround by adding inline code in the CSS section of the page: #P23_OFFICE_START_TBL {width:682; border:1px solid #369; margin:5px;}. This created the border which I needed, but there are 2 Stop and Start Grid Layout items that are indented and not aligning with the border of the previous line. I have tried a number of different things but none of them have worked. This seems like a very simple issue to fix but I am having a tough time resolving it.
I tried to put the item in question in a different grid, which corrected the indention but then I lost the border around the item. It seems that the above CSS code does not work on the new grid. I also tried to put attributes such as margin-left:5px; float: left; clear: left; float: left, in the CSS code but that did not work, too.
Any suggestions?
Thanks
Ajay K

I deleted and added back the Stop and Start Grid Layout items not aligning properly. This worked. Apparently, the 4.0 to 4.2 upgrade did not handle/convert these items properly. Deleting and adding them back resolved the issue.

Table Name of Purchase Requisition Grid Line Item (SAP-AFS)

Dear All,
As im in the midst of preparing a report on the purchase requisitions with grid value and its respective quantity for those which are not converted as POs.
im not able to find the table which holds the AFS grid details related to the PR. im using EBAN to fetch the PR header and line item details and i tried joining with the EKET table, but resulting with the list of PR details those which are converted as POs, since EKET holds the PO sheduled line item details.
Reference Transaction - me53n - Item details table control.
Kindly help me to find the table which hold the above said data.
thanks in advance.Rating assured.
Message was edited by: Raja K.P

Hi Raja
   The tables you have mentioned are enough for extracting the details you need. Hope the below code helps you.
tables: eban, eket.
parameters: p_werks like eban-werks.
select-options: s_bsart for eban-bsart,
                s_erdat for eban-erdat obligatory,
                s_matnr for eban-matnr.
data: begin of itab occurs 0,
         banfn like eban-banfn,
         bnfpo like eban-bnfpo,
         bsart like eban-bsart,
         matnr like eban-matnr,
         menge like eban-menge,
         ebeln like eban-ebeln,
         ebelp like eban-ebelp,
         menge1 like eket-menge1,
       end of itab.
start-of-selection.
select a~banfn a~bnfpo a~bsart a~matnr
         a~menge a~ebeln a~ebelp b~menge
         into table itab
         from eban as a
         inner join eket as b
         on b~ebeln = a~ebeln
         and b~ebelp = a~ebelp
         where a~werks = p_werks
         and   a~bsart in s_bsart
         and   a~erdat in s_erdat
         and   a~matnr in s_matnr
         and   ( a~ebeln eq space or
                 a~menge ne b~menge ).
Now internal table itab will have all the open PR Numbers, for partially open PR's you will have itab-ebeln populated. For these entries subtract itab-menge1 from itab-menge to get the open qty.
Kind Regards
Eswar

Problem with checkbox item renderer in datagrid

I have a data grid having check box as an item renderer. I have viewed many posts in this forum but nothing useful in my case. I am failed to bind my datagrid itemrenderer checkbox with the field of dataprovider i.e. listUnitMovement.CHECK_PATH. Then I have to traverse data provider to check which checkboxes are checked.
[Bindable]
var listUnitMovement:XMLList=null;
In a function call
public function init(event:ResultEvent):void
    listUnitMovement=event.result.unitmovement;
     <mx:DataGrid id="dg_country"
                           dataProvider="{listUnitMovement}"
                              enabled="true">
                            <mx:columns>
                               <mx:DataGridColumn>
                                    <mx:itemRenderer>
                                        <mx:Component>
                                            <mx:CheckBox selectedField="CHECK_PATH" />
                                        </mx:Component>
                                    </mx:itemRenderer>
                                </mx:DataGridColumn>
                                <mx:DataGridColumn headerText="Latitude" dataField="NEW_LAT" visible="false"/>
                                <mx:DataGridColumn headerText="Longitude" dataField="NEW_LONG" visible="false"/>
                               <mx:DataGridColumn>
                                    <mx:itemRenderer>
                                        <mx:Component>
                                            <mx:Button label="Details"/>
                                        </mx:Component>
                                    </mx:itemRenderer>
                                </mx:DataGridColumn>
                            </mx:columns>
                        </mx:DataGrid>

Hi,
Do you want to just check/uncheck the checkboxes based on the CHECK_PATH field.
Do you want something like this...
<?xml version="1.0" encoding="utf-8"?><mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
<mx:Script>
<![CDATA[
import mx.collections.ArrayCollection;[
Bindable]
private var listUnitMovement:ArrayCollection = new ArrayCollection([{CHECK_PATH:true,NEW_LAT:109.233,NEW_LONG:232.22},{CHECK_PATH:true,NEW_LAT:109.233,NEW_LONG:232.22},{CHECK_PATH:false,NEW_LAT:133.233,NEW_LONG:702.22}]);]]>
</mx:Script>
<mx:DataGrid dataProvider="{listUnitMovement}">
<mx:columns>
<mx:DataGridColumn>
<mx:itemRenderer>
<mx:Component>
<mx:CheckBox selectedField="CHECK_PATH" change="data.CHECK_PATH=selected" />
</mx:Component>
</mx:itemRenderer>
</mx:DataGridColumn>
<mx:DataGridColumn dataField="NEW_LAT"/>
<mx:DataGridColumn dataField="NEW_LONG"/>
</mx:columns>
</mx:DataGrid>
</mx:Application>
Please let me know clearly what's your problem...Do you want to just bind the check box based on XmlList or something else..?
Thanks,
Bhasker Chari.S

How to overlap datagrid colums line with item renderer

Hello guys I been stuck for a few days now and I'm wondering if there is a better way to do this.
I put an item renderer on a column of the datagrid. The renderer basically expands the column height and shows some controls.
Im using a border container as the container that is holding the items in the grid. However what I would like to do is make the border container as big as the grid with a plus sign button. and then basically hide that rows vertical grid lines.
i tried setting the depth eventhought i understant this is not a spark grid i though it should work but it does not. Any tip or direction would be greatly appreciated.
Miguel

ok i answered my own question. what i need to do is use the advance datagrid. Then set these properties.
<mx:AdvancedDataGrid defaultLeafIcon="{null}"
                         folderClosedIcon="{null}"
                         folderOpenIcon="{null}"
                         disclosureClosedIcon="@Embed(source='assets/plusSign.png')"
                         disclosureOpenIcon="@Embed(source='assets/plusSign.png')">
Message was edited by: miguel8312

Strange Problem with datagrid item renderer in flash palyer 10

Hi All
In Flash player 10 when i use a text input as a item renderer in grid with a custom textinput skin , it does not show us the text , where as in flash player 11 it shows us. is there any work around for it or it's a bug.
Plz help me on this.

The url works for me. Please verify that you entered it correctly. There are other sites that will verify your player version. Search for them, pick one and report the results.
Before you file a bug, it is probably best to do some investigation first to make sure it isn’t a known issue or an issue in your code.

Item renderer using action script

Hi,
Can anybody tell me how to use item renderers using actions script,
I have a data grid and iam using item renderer in mxml works fine but it is causing memory issues >
So i want to know to use item renderers in action script to avoid memory issue.
Thank You,
Anu

use the ClassFactory
example:

<?xml version="1.0" encoding="utf-8"?>
<mx:ComboBox xmlns:mx="http://www.adobe.com/2006/mxml" >
</mx:ComboBox >
and in ActionScript
private var myComboFac:ClassFactory = new ClassFactory(MyCombo);
private function myFunction():void
    colCombo.itemRenderer = myComboFac;
and in DataGrid
<mx:DataGrid xmlns:mx="http://www.adobe.com/2006/mxml">
    <mx:columns>
        <mx:DataGridColumn id="colCombo" />
    </mx:columns>
</mx:DataGrid>
regards
Leonardo França
Adobe Certified Expert Flex 3 with AIR
Adobe Certified Expert Rich Internet Application Specialist v1.0
Adobe Certified Expert Flash CS3 Professional
Certified Professional Adobe Flex 2 Developer
Adobe Certified Professional Flash MX 2004 Developer
http://www.leonardofranca.com
http://twitter/leofederal
Manager AUGDF - Adobe User Group do Distrito Federal
http://www.augdf.com.br
http://twitter/augdf
anu3000 escreveu:
Hi,
Can anybody tell me how to use item renderers using actions script,
I have a data grid and iam using item renderer in mxml works fine but it is causing memory issues >
So i want to know to use item renderers in action script to avoid memory issue.
Thank You,
Anu
>

Item Renderer complains about binding

I have a data grid bound to an xml list. In the datagrid, I
am using an item renderer:
<mx:Canvas xmlns:mx="
http://www.adobe.com/2006/mxml"
width="270" height="80" verticalScrollPolicy="off"
horizontalScrollPolicy="off">
<mx:VBox width="100%" height="100%" verticalGap="0"
paddingLeft="5" paddingTop="4" paddingRight="5"
paddingBottom="5">
<mx:Label id="title" text="{data.title}" width="100%"
styleName="videoTitle"/>
<mx:Text id="caption" text="{data.description}"
width="100%" styleName="videoCaption"/>
</mx:VBox>
</mx:Canvas>
It works fine, but if I debug it I get:
warning: unable to bind to property 'title' on class 'XML'
(class is not an IEventDispatcher)
warning: unable to bind to property 'description' on class
'XML' (class is not an IEventDispatcher)
For each of my tiles. How do I make this go away?

This is because "data" is really an "Object" containing the
XML. While XML IS bindable (the warning is confusing) Object is
not.
The solution is to cast or convert the object ot XML:
text="{XML(data).title}"
Tracy

Item Renderer in a Datagrid

I'm struggling with how to make a check mark ( image ) show
up or not based on the value of some data in each datagrid line
item. I'm using an item renderer but I'm missing something. Any
help would be greatly appreciated.
thanks,
STeveR

The following is my entire itemrenderer...please excuse any
bad style as this is a WIProgress..
Its probably easier to quote the adobe docs on listdata...If
a component implements the IDropInListItemRenderer interface, you
can use its listData property to obtain information about the data
passed to the component when you use the component in an item
renderer or item editor..I made sure the component implements the
interface as you can see in the code at the top of component. Then
add the couple of required functions regarding listdata, then you
can access the listdata in your own functions in the renderer, like
i do in set data function.
this.BTN_***_mark.label =
value[DataGridListData(listData).dataField];
this line assigns the value from my datagrid to the renderers
button label. (this renderer is a button that the user can press)
so i want the buttons label to show the value coming in from the
datagrid. So listdata is just a way to
explicitly get the column name where the current data is
being sourced from in your datagrid.As the grid is being rendered,
it renders row by row. In each row it goes thru your columns . SO
initially it for row 1 it would begin rendering firstname, surname,
mark, average...etc etc. If i put an alert in on
value[DataGridListData(listData).dataField
I would see these column names popping up as they are getting
rendered in the DGrid.
Hope this helps...

<mx:VBox xmlns:mx="
http://www.adobe.com/2006/mxml"
creationComplete="init()" width="74" height="30"
horizontalAlign="center" verticalAlign="middle"
implements="mx.core.IFactory,mx.controls.listClasses.IDropInListItemRenderer">
<mx:Metadata>
</mx:Metadata>
<mx:Script>
<![CDATA[
import mx.managers.PopUpManager;
import mx.controls.DataGrid;
import mx.utils.ArrayUtil;
import mx.collections.ArrayCollection;
import mx.collections.IViewCursor;
import mx.controls.Alert;
import mx.events.*;
import mx.controls.dataGridClasses.DataGridListData;
import mx.controls.listClasses.BaseListData;
import mx.controls.dataGridClasses.DataGridColumn;
import mx.containers.TitleWindow;
private var panel:AssessmentMarkPopup = new
AssessmentMarkPopup();
var the_val = 0;
var col_index:int;
private var _listData:BaseListData;
public function get listData() : BaseListData
return _listData;
public function set listData( value:BaseListData ) : void
_listData = value;
private function showLoginForm():void {
var pop:AssessmentMarkPopup =
AssessmentMarkPopup(PopUpManager.createPopUp(this,AssessmentMarkPopup,true));
pop.addEventListener("closepopup",onClose);
pop.TXT_***_mark.text = this.BTN_***_mark.label;
var row:int =
this.parentApplication.DG_class_students.selectedIndex;
pop.student_name =
this.parentApplication.DG_class_students.selectedItem.firstname + "
" + this.parentApplication.DG_class_students.selectedItem.lastname;
private function onClose(e:MyClosePopupEvent):void{
this.BTN_***_mark.label = e.data.mark;
public function newInstance():*
return new MarkEntry();
public override function get data():Object
return super.data;
override public function set data(value:Object):void {
var dg:DataGrid = (listData) ? DataGrid(listData.owner) :
null;
var column:DataGridColumn = (dg) ?
dg.columns[listData.columnIndex] as DataGridColumn : null;
col_index = listData.columnIndex;
var str:String = String(column.dataField);
this.BTN_***_mark.label =
value[DataGridListData(listData).dataField];
]]>
</mx:Script>
<mx:Button click="showLoginForm()" id="BTN_***_mark"
width="52"/>
</mx:VBox>

Item renderer concept in Grid - Grid ITem

Similar Messages

Maybe you are looking for