Call parent function from an itemRenderer

actionscript-3apache-flex

I want to call the parent function called "edit_groups()" from the itemRenderer.
The code for my itemRenderer is:

<mx:VBox id="vbx_container" paddingBottom="4" paddingLeft="4" paddingRight="4" paddingTop="4" borderStyle="solid"
    dropShadowEnabled="true" width="100%" height="100%" horizontalScrollPolicy="off" verticalScrollPolicy="off" >
    <mx:Canvas width="100%" height="100%" horizontalScrollPolicy="off" verticalScrollPolicy="off" >
        <mx:Image id="image" width="100" height="100" source="{data.thumb}" scaleContent="true" maintainAspectRatio="true"
            complete="{image_smoothing_handler(event);}" trustContent="true" doubleClick="{CALL THE PARENT FUNCTION "edit_groups()"}"/>
    </mx:Canvas>
</mx:VBox>

And I call my itemRenderer from an application like:

list_groups_modify.itemRenderer=new ClassFactory(groups.list_groups_modify_item_renderer);

<mx:Label text="{data.label}" textAlign="center" maxWidth="60" toolTip="{data.label}"/>

Regards
Zeeshan

Best Answer

Try this, using parentDocument:

<mx:VBox id="vbx_container" paddingBottom="4" paddingLeft="4" paddingRight="4" paddingTop="4" borderStyle="solid"
    dropShadowEnabled="true" width="100%" height="100%" horizontalScrollPolicy="off" verticalScrollPolicy="off" >
    <mx:Canvas width="100%" height="100%" horizontalScrollPolicy="off" verticalScrollPolicy="off" >
        <mx:Image id="image" width="100" height="100" source="{data.thumb}" scaleContent="true" maintainAspectRatio="true"
            complete="{image_smoothing_handler(event);}" trustContent="true" doubleClick="parentDocument.edit_groups()"/>
    </mx:Canvas>
</mx:VBox>

Related Solutions

R – Style Textinput Itemrenderer in Flex Datagrid

Not only can you make it look like a text input. You can use the itemRenderer property to make it a text input.

A (very crude) example:

[Bindable]

private var dataProvider:ArrayCollection = new ArrayCollection();

private function onInit() :void

{

    var obj:Object = new Object();
    obj.text = "hello editable world";
    dataProvider.addItem(obj);
}

mxml part :

<mx:DataGrid dataProvider="{dataProvider}">
<mx:columns>
    <mx:DataGridColumn dataField="text" itemRenderer="mx.controls.TextInput"/>
</mx:columns>
</mx:DataGrid>

Flex, AdvancedDataGrid, custom itemrenderer

I've had a similar issue in the past when using HierarchicalData. The way I got around it was to use an AdvancedDataGridRendererProvider.

Here's some sample code:

<mx:AdvancedDataGrid width="100%" height="100%" 
    id="topAccountsGrid" 
    backgroundColor="#ffffff">
    <mx:dataProvider>
        <mx:HierarchicalData source="{filteredList}"
           childrenField="children" />
    </mx:dataProvider>
    <mx:columns>
       <mx:AdvancedDataGridColumn id="colRank" headerText="Rank" dataField="Rank__c" width="60" />
        <mx:AdvancedDataGridColumn id="list_name" headerText="Name" dataField="Name" />
        <mx:AdvancedDataGridColumn id="colPrevRank" headerText="Previous Rank" dataField="Previous_Rank__c" />
        <mx:AdvancedDataGridColumn id="colType" headerText="Type" dataField="Type" />
        <mx:AdvancedDataGridColumn id="colContacts" headerText="# Contacts" dataField="Contacts__c" />
        <mx:AdvancedDataGridColumn id="colDeals" headerText="# Deals" dataField="Deals__c" />
    </mx:columns>
    <mx:rendererProviders>
      <mx:AdvancedDataGridRendererProvider column="{colRank}" depth="1" dataField="Rank__c" renderer="AdvancedDataGridRankCRenderer" />
    </mx:rendererProviders>
</mx:AdvancedDataGrid>

And the AdvancedDataGridRendererProvider:

<?xml version="1.0" encoding="utf-8"?>
<mx:HBox xmlns:fx="http://ns.adobe.com/mxml/2009" 
             xmlns:s="library://ns.adobe.com/flex/spark" 
             xmlns:mx="library://ns.adobe.com/flex/mx" 
             backgroundColor="{SetBackgroundColor(data)}" 
             paddingLeft="2" paddingRight="2" paddingTop="2"
             horizontalScrollPolicy="off"
             verticalScrollPolicy="off"
             height="22">
    <fx:Script>
        <![CDATA[
            [Bindable] private var bgColor:uint = 0xD6E5FF;

            private function SetBackgroundColor(obj:Object):uint
            {
                var returnColor:uint = 0xFF5050;

                if (obj["Rank__c"] != null)
                {
                    switch (obj["Rank__c"].toString().toUpperCase())
                    {
                        case "0":
                            returnColor = 0xFF5050;
                            break;
                        case "50":
                            returnColor = 0xFFFF99;
                            break;
                        case "100":
                            returnColor = 0x66FF66;
                            break;
                        default:
                            returnColor = 0xFF5050;
                                                    break;
                    }
                }

                return returnColor;
            }

            override public function set data(value:Object):void
            {
                super.data = value;
                rankLabel.text = value["Rank__c"].toString();               
                validateDisplayList();
            }
        ]]>
    </fx:Script>
    <mx:Label id="rankLabel" />
</mx:HBox>

Best Answer

Related Solutions

R – Style Textinput Itemrenderer in Flex Datagrid

Flex, AdvancedDataGrid, custom itemrenderer

Related Topic