Checkbox as itemrenderer in flex 3

Hi,
I have used checkbox as itemrenderer in a list control.. were i need to select only one checkbox..
On selection of other checkbox the previous selection should get deselected..
I tried with this code but its working fine when i use list.executebindings()
But the issue here is i have used tween for scrolling the list control..
So wen i try to click on some 30th item in list, the list scroll up automatically and goes to the 1st item..
Code:
<mx:script>
     <![CDATA[
public function unselect(event:Object):void
               for(var i:int =0; i < _dataProvider.length; i++)
                     if(lst.selectedIndex != i)
                         dataProvider<i>.ISSELECTED = '';
                    else
                         dataProvider<i>.ISSELECTED = 'X';
          //     lst.executeBindings(true);
     ]]>
   </mx:Script>
<mx:List id="lst" borderStyle="none" itemRenderer="forList3" backgroundAlpha="0.0" labelFunction="strdesc_strloc" dataProvider="" fontAntiAliasType="advanced" width="100%" itemClick="unselect(event)"
     liveScrolling="true" allowMultipleSelection="false" height="100%" horizontalScrollPolicy="off" verticalScrollPolicy="off">
</mx:List>

This may be a useful example for you... You could create the component in Flash and use it in Flex:
http://www.riaindy.com/adobe/2010/02/adobe-flex-flash-integration/
Thanks

Similar Messages

Want to implent CheckBox for itemRenderer and headerItemRenderer for spark DataGrid.

I am using mx:DataGrid in my application.
The first column itemRenderer and headerItermRenderer is CheckBox.
Now I want to move it to spark DataGrid. I could imprement itermRenderer easily by creating sub-claassing GridItemRenderer. But I am struck at implementing headerItermRenderer. I tried to implent it using GridItemRenderer sub-class as I did with itemRenderer. It is not working. The set data method is not getting called.
Do anyone have code for implenting checkbox as itemRenderer and headerRendere in spark datagrid (and not mx datagrid)?
Thanks,
Prithvee Zankat.

Hi,
Item renderer can be implemented for spark and i think you will have to write custom header renderer. I am providing some useful links,please go through them :
http://help.adobe.com/en_US/flex/using/WS0ab2a460655f2dc3-427f401412c60d04dca-7ff3.html
http://cookbooks.adobe.com/post_3_state_checkbox_for_header_renderer_in_datagrid-18900.htm l
http://blogs.adobe.com/aharui/category/item-renderers
http://boardreader.com/thread/Spark_Datagrid_custom_header_renderer_1zw07Xgoeo.html
Thanks and Regards,
Vibhuti Gosavi | [email protected] | www.infocepts.com

How to handle multiple selection in the Spark List control with checkbox as itemrenderer?

Hi All,
I am using checkbox as an ItemRenderer in spark list.
I have a query.
how to handle multiple selection in the Spark List control with checkbox as itemrenderer?
how to retrieve the selected item label?
Thank you in advance.

Hi there, I'll tweak your code a little bit to something like this:
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
                layout="vertical">
    <mx:Script>
        <![CDATA[
             import mx.events.ListEvent;
             import mx.controls.CheckBox;
           [Bindable]
           private var mySelectedIndexes:ArrayCollection=new ArrayCollection();
            private function onChange(e:ListEvent):void
               if(CheckBox(e.itemRenderer).selected){
                         mySelectedIndexes.addItem(e.rowIndex);
               }else{
                              mySelectedIndexes.removeItemAt(mySelectedIndexes.getItemIndex(e.rowIndex));
               chkList.selectedIndices=mySelectedIndexes.toArray();
        ]]>
    </mx:Script>
<mx:ArrayCollection id="collection">
        <mx:Object label="Test A"/>
        <mx:Object label="Test B"/>
        <mx:Object label="Test C"/>
        <mx:Object label="Test D"/>
        <mx:Object label="Test E"/>
        <mx:Object label="Test F"/>
        <mx:Object label="Test G"/>
    </mx:ArrayCollection>
<mx:List id="chkList" dataProvider="{collection}" itemRenderer="mx.controls.CheckBox" itemClick="onChange(event);" allowMultipleSelection="true"/>
</mx:Application>

Multiple selection in List control using CheckBox as itemrenderer

Hey all,
            I am trying to get multiple selection working in a list control using the CheckBox as itemrederer but I am unable to get a list of selected indices even though I have multiple check boxes selected
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
                layout="vertical">
    <mx:Script>
        <![CDATA[
            private function onChange():void
                trace(chkList.selectedIndices);
        ]]>
    </mx:Script>
<mx:ArrayCollection id="collection">
        <mx:Object label="Test A"/>
        <mx:Object label="Test B"/>
        <mx:Object label="Test C"/>
        <mx:Object label="Test D"/>
        <mx:Object label="Test E"/>
        <mx:Object label="Test F"/>
        <mx:Object label="Test G"/>
    </mx:ArrayCollection>
<mx:List id="chkList" dataProvider="{collection}" itemRenderer="mx.controls.CheckBox" change="onChange();" allowMultipleSelection="true"/>
</mx:Application>
I always get the last item I clicked
Thanks,
Firdosh

Hi there, I'll tweak your code a little bit to something like this:
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
                layout="vertical">
    <mx:Script>
        <![CDATA[
             import mx.events.ListEvent;
             import mx.controls.CheckBox;
           [Bindable]
           private var mySelectedIndexes:ArrayCollection=new ArrayCollection();
            private function onChange(e:ListEvent):void
               if(CheckBox(e.itemRenderer).selected){
                         mySelectedIndexes.addItem(e.rowIndex);
               }else{
                              mySelectedIndexes.removeItemAt(mySelectedIndexes.getItemIndex(e.rowIndex));
               chkList.selectedIndices=mySelectedIndexes.toArray();
        ]]>
    </mx:Script>
<mx:ArrayCollection id="collection">
        <mx:Object label="Test A"/>
        <mx:Object label="Test B"/>
        <mx:Object label="Test C"/>
        <mx:Object label="Test D"/>
        <mx:Object label="Test E"/>
        <mx:Object label="Test F"/>
        <mx:Object label="Test G"/>
    </mx:ArrayCollection>
<mx:List id="chkList" dataProvider="{collection}" itemRenderer="mx.controls.CheckBox" itemClick="onChange(event);" allowMultipleSelection="true"/>
</mx:Application>

How to get selected values (using checkBox) from DataGrid in flex.

i have a datagrid which is getting values from a XML file (getting this xml file from database using PHP and HTTP request in flex). i have created a checkbox in every row in data grid. and here is my requirement: i want to select tow or three check-box and would like to get all the values form that particular ROWs in some form , prefered arraycollection (such that i can pass this array directly to a bar chart) .. can some one help me as i am new to flex .
code ......
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical" creationComplete="siteData.send()">
          <mx:Script>
                    <![CDATA[
                              import mx.collections.XMLListCollection;
                              import mx.controls.*;
                              import mx.events.ListEvent;
                              import mx.rpc.events.ResultEvent;
                              import mx.controls.Alert;
                              [Bindable] private var fullXML:XMLList;
                              private function contentHandler(evt:ResultEvent):void{
                                        fullXML = evt.result.values;
                    ]]>
          </mx:Script>
          <mx:VBox>
                    <mx:Label text="This Data Grid is loading the full XML file"/>
                    <mx:DataGrid width="600" id="datagrid" dataProvider="{fullXML}">
                              <mx:columns>
                                        <mx:DataGridColumn headerText="Select">
                                                  <mx:itemRenderer>
                                                            <mx:Component>
                                                                      <mx:HBox horizontalAlign="center">
                                                                                <mx:CheckBox id="check"/>
                                                                      </mx:HBox>
                                                            </mx:Component>
                                                  </mx:itemRenderer>
                                        </mx:DataGridColumn>
                                        <mx:DataGridColumn dataField="release_version" headerText="Release"/>
                                        <mx:DataGridColumn dataField="build" headerText="build"/>
                                        <mx:DataGridColumn dataField="time_login" headerText="time_login"/>
                                        <mx:DataGridColumn dataField="time_tunnel" headerText="time_tunnel"/>
                                        <mx:DataGridColumn dataField="rate_login" headerText="time_tunnel"/>
                                        <mx:DataGridColumn dataField="rate_tunnel" headerText="rate_tunnel"/>
                              </mx:columns>
                    </mx:DataGrid>
          </mx:VBox>
          <mx:HTTPService url="http://localhost/php_genxml.php" id="siteData" result="contentHandler(event)" resultFormat="e4x"/>
</mx:Application>
as you can see in the image , i will get this datgrid . now i want to select two or three checkboxes and would like to get all the values form the perticular row (for which check box is selected). i would like to get in array from such that i can driectly pass them to bar chart....
can some one help me in this. as i m new to flex. or if you have some other suggestion ...My final requirement is: select some values and generate bar gharph for those values.
please help me in this.
thanks
tanuj

Hi Timo -
Thanks for the suggestion. I could get the values as below:
public void multiOpUnitValChange(ValueChangeEvent valueChangeEvent) {
// Add event code here...
BindingContainer bindings = BindingContext.getCurrent().getCurrentBindingsEntry();
DCIteratorBinding opUnitIter = (DCIteratorBinding)bindings.get("OperatingUnit2VOIterator");
Integer[] values = (Integer[])valueChangeEvent.getNewValue();
for (int i=0; i<values.length; i++){
Row row = opUnitIter.getRowAtRangeIndex(i);
System.out.println(row.getAttribute("OpUnitId"));
Thanks -
Rohit

DropDownList ItemRenderer within Flex Datagrid Not Refreshing

I have a datagrid which contains a Spark dropdownlist that needs to obtain dynamic data.
The datagrid uses a separate dataProvider.
When I use a static ArrayCollection within my ItemRenderer, it works (please see listing 1).
However, when I use Swiz to mediate a 'list complete' event to load the ArrayCollection, the dropdownlist does not show the new data (please see listing 2).
Using the debugger, I inspected the dropdownlist ItemRenderer and have confirmed the new data is being loaded into the ArrayCollection.
The new data is not shown in the UI control. I have tried invalidateProperties() + validateNow() and dispatching events on both the control and the renderer (this), but nothing seems to make the new data appear in the control on the datagrid.
Please help !!!
Listing 1: Datagrid and static ArrayCollection (this works)
<mx:DataGrid x="10" y="25" width="98%" id="dgInventory" paddingLeft="25" paddingRight="25" paddingTop="25" paddingBottom="25"
                     editable="true"
                     itemClick="dgInventory_itemClickHandler(event)" dataProvider="{acInventory}"
                     creationComplete="dgInventory_creationCompleteHandler(event)"
                     height="580">
            <mx:columns>
                <mx:DataGridColumn headerText="Item" dataField="itemName" itemRenderer="components.ItemRendererItem"
                                   rendererIsEditor="true" editorDataField="selection" editable="true"/>
                <mx:DataGridColumn headerText="Quantity Required" dataField="quantityReq" itemRenderer="components.ItemRendererQuantityRequired"
                                   rendererIsEditor="true" editorDataField="selection" editable="true"/>
            </mx:columns>
</mx:DataGrid>
<fx:Script>
    <![CDATA[
        import mx.collections.ArrayCollection;
        import spark.events.IndexChangeEvent;
        public var selection:int;
        [Bindable]
        protected var acItem:ArrayCollection = new ArrayCollection(
            [   { itemName: "Item1"},
                { itemName: "Item2"},
                { itemName: "Item3"},
        protected function dropdownlist1_changeHandler(e:IndexChangeEvent):void
            selection = e.newIndex;
    ]]>
</fx:Script>
<s:DropDownList id="ddlItem" prompt="Select Item" dataProvider="{acItem}" labelField="itemName"
                selectedIndex="{int(dataGridListData.label)}"
                change="dropdownlist1_changeHandler(event)"
                width="80%" top="5" bottom="5" left="5" right="5"/>
Listing 2: Dynamic ArrayCollection (does not work):
<?xml version="1.0" encoding="utf-8"?>
<s:MXDataGridItemRenderer xmlns:fx="http://ns.adobe.com/mxml/2009"
                          xmlns:s="library://ns.adobe.com/flex/spark"
                          xmlns:mx="library://ns.adobe.com/flex/mx"
                          focusEnabled="true">
    <fx:Script>
        <![CDATA[
            import event.ItemEvent;
            import mx.collections.ArrayCollection;
            import mx.events.FlexEvent;
            import spark.events.IndexChangeEvent;
            public var selection:int;
            [Bindable]
            protected var acItem:ArrayCollection = new ArrayCollection();
            protected function dropdownlist1_changeHandler(e:IndexChangeEvent):void
                selection = e.newIndex;
            protected function ddlItem_creationCompleteHandler(event:FlexEvent):void
                var eve : ItemEvent = new ItemEvent( ItemEvent.LIST_ITEM_REQUESTED );
                dispatchEvent( eve );
            [Mediate( event="ItemEvent.LIST_ITEM_COMPLETE", properties="acItem" )]
            public function refreshness( _acItem : ArrayCollection ):void
                acItem.removeAll();
                var len:int = _acItem.length;
                if (len > 0)
                    for (var i:int=0; i < len; i++)
                        var newItem:Object = new Object;
                        newItem["itemName"] = _acItem[i].itemName;
                        acItem.addItem(newItem);
                this.invalidateProperties();
                this.validateNow();
                //dispatchEvent(new FlexEvent(FlexEvent.DATA_CHANGE));
        ]]>
    </fx:Script>
    <s:DropDownList id="ddlItem" prompt="Select Item" dataProvider="{acItem}" labelField="itemName"
                    selectedIndex="{int(dataGridListData.label)}"
                    creationComplete="ddlItem_creationCompleteHandler(event)"
                    change="dropdownlist1_changeHandler(event)"
                    width="80%" top="5" bottom="5" left="5" right="5"/>
</s:MXDataGridItemRenderer>

After re-reading Peter Ent's ItemRenderer series, this turned out to be quite simple.
I extended DataGrid to have the ArrayCollection property I needed, then added this to my renderer:
[Bindable]
            protected var acItem:ArrayCollection = new ArrayCollection();
            override public function set data( value:Object ) : void
                super.data = value;
                acItem = (listData.owner as MyDataGrid).itemList; // get the data from the renderer's container (by extending it to add a property, if necessary)

DataGrid CheckBox ItemRenderer

Hi
I am having some problems with my CheckBox extended
ItemRenderer for a DataGrid.
All works fine except now rollover does not work properly on
the DataGrid - you hover over a row and the first one you come to
highlights but thereafter it will not update to show other rows you
go over.
I am attaching the code to see if anyone can spot anything.
I've been searching the Internet for a solution for the last
day and a half but hopefully someone here can help me out !
Thanks in advance
Chris

No, the itemRenderer should be wrapped into a container, so
"this" will refer to container itself.
this->ComboBox_id will be right way.
Here is the example of IR:
<?xml version="1.0" encoding="utf-8"?>
<mx:VBox xmlns:mx="
http://www.adobe.com/2006/mxml"
width="100%"
verticalScrollPolicy="off" horizontalScrollPolicy="off">
<mx:Label
id="cellLabel"
x="0" y="0"
width="100%"
textAlign="right"
text="{data.hasOwnProperty('m_nDiscountPercent')?frmt_Percent.format(data.m_nDiscountPerc ent)
+ '%':'---'}"
paddingRight="10"/>
</mx:VBox>
Yours will look similar, just ComboBox instead of a Label.
Cheers,
Dmitri.

Can't focus on custom itemRenderer?

I have made a custom itemRenderer doubling as an itemEditor
following the guidelines in the documentation.
However, even though I have set the rendererIsEditor="true",
when tabbing amongst other editable fields, the controls inside the
itemRenderer do not receive focus. I can't help but think this is
an oversight/bug but is there any way to jury-rig the itemRenderer
to focus properly? At the moment my component is simply a CheckBox
inside an HBox.
Anyway, here is my code so you can see for yourself (I have
included a CheckBox as itemRenderer so you can see the *desired*
effect.
<?xml version="1.0" encoding="utf-8"?>
<mx:Application
xmlns:mx="
http://www.adobe.com/2006/mxml"
layout="vertical">
<mx:Script>
<![CDATA[
import mx.controls.dataGridClasses.DataGridListData;
import mx.controls.Alert;
[Bindable]
public var dp:Array = [{num:2, bool:true}, {num:3,
bool:false}];
]]>
</mx:Script>
<mx:DataGrid id="test" editable="true"
dataProvider="{dp}">
<mx:columns>
<mx:DataGridColumn dataField="num" headerText="num" />
<mx:DataGridColumn dataField="bool"
headerText="Sent"
itemRenderer="mx.controls.CheckBox"
rendererIsEditor="true" editorDataField="selected" />
<mx:DataGridColumn dataField="num" headerText="num"
editable="true" />
<mx:DataGridColumn dataField="bool" headerText="Sent"
rendererIsEditor="true" editorDataField="blorch">
<mx:itemRenderer>
<mx:Component>
<mx:HBox horizontalAlign="center">
<mx:Boolean id="blorch" />
<mx:CheckBox id="check" selected="{data.bool}"
change="blorch=check.selected" />
</mx:HBox>
</mx:Component>
</mx:itemRenderer>
</mx:DataGridColumn>
<mx:DataGridColumn dataField="num" headerText="num"
editable="true" />
</mx:columns>
</mx:DataGrid>
</mx:Application>

nevermind... I found the answer a few pages later in the
docs...
you have to implement the IFocusManagerComponent interface
and then override drawFocus as below to set the focus on the
checkBox... hope it works for multiple controls...
<mx:HBox horizontalAlign="center"
backgroundColor="#9933EE"
implements="mx.managers.IFocusManagerComponent">
<mx:Script>
<![CDATA[
override public function drawFocus(focused:Boolean):void {
check.setFocus();
]]>
</mx:Script>
<mx:Boolean id="blorch" />
<mx:CheckBox id="check" selected="{data.bool}"
change="blorch=check.selected"
updateComplete="blorch=check.selected" />
</mx:HBox>

Datagrid with checkbox in its column

In my application I have a datagrid (a custom datagrid -
CheckBoxDatagrid), whose first colum contains checkbox as
itemrenderer. There is another column (Latest Version) - this
column can have two values either "Available" or "Update".
The requirement here is that, when the page is getting loaded
then depending on the value of the column "Latest Version" the
checkboxes will have to be loaded. If the value of the coluem is
"Available", then the checkbox corresponding to that row should get
automatically selected as soon as the page gets loaded.
I am attaching the code snippet below,
<configure:CheckBoxDataGrid id="swDataGrid"
initialize="swDataGrid.dataProvider=MaintenanceViewController.softwareList"
alternatingItemColors="[#ffffff, #ffffff]" paddingLeft="10"
paddingRight="5"
allowMultipleSelection="true" width="95%" height="60%"
paddingBottom="5" selectionColor="#1b77b7"
verticalGridLines="false"
creationComplete="{MaintenanceViewController.checkBoxSelect()};">
<configure:columns>
<mx:DataGridColumn id="checkBox" dataField="softwarename"
textAlign="center" headerText=" " width="20" sortable="false"
itemRenderer="com.pmc.view.tasks.wizard.CheckBoxRenderer"
editable="false">
</mx:DataGridColumn>
<mx:DataGridColumn id="swName" headerText="Software Name"
dataField="softwarename" width="130"/>
<mx:DataGridColumn id="cVersion" headerText="Current
Version" dataField="currentversion" width="80"/>
<mx:DataGridColumn id="updStatus" headerText="Update
Status" dataField="updateStatus" width="80"/>
</configure:columns>
</configure:CheckBoxDataGrid>
where, configure = defined namespace.

"BlueRHBA" <[email protected]> wrote in
message
news:go0hkf$2kt$[email protected]..
> In my application I have a datagrid (a custom datagrid -
> CheckBoxDatagrid),
> whose first colum contains checkbox as itemrenderer.
There is another
> column
> (Latest Version) - this column can have two values
either "Available" or
> "Update".
>
> The requirement here is that, when the page is getting
loaded then
> depending
> on the value of the column "Latest Version" the
checkboxes will have to be
> loaded. If the value of the coluem is "Available", then
the checkbox
> corresponding to that row should get automatically
selected as soon as the
> page
> gets loaded.
>
> I am attaching the code snippet below,
What is your question? Or are you looking to hire someone to
fulfill your
requirement?

Datagrid column that contains checkbox erroring

Hi i'm trying to set the selected option on a checkbox in a datagrid column but i keep getting the error "Access to undefined property data". Can someone shead some light on how i can fix this? The code i have is below.
Thanks in advance....
<mx:DataGrid x="140" y="85" width="596" height="294" id="rankGrid" dataProvider="{dp}" doubleClick="updRank();" doubleClickEnabled="true">
<mx:columns>
<mx:DataGridColumn headerText="Court" dataField="court"/>
<mx:DataGridColumn headerText="Team One" dataField="level"/>
<mx:DataGridColumn headerText="Checked In" dataField="chkdInOne">
<mx:itemRenderer>
<fx:Component>
<s:CheckBox selected="{data.chkdInOne}" click="outerDocument.checkInTeamOne()" />
</fx:Component>
</mx:itemRenderer>
</mx:DataGridColumn>
<mx:DataGridColumn headerText="Team One" dataField="teamonedesc"/>
<mx:DataGridColumn headerText="Checked In" dataField="chkdInTwo">
<mx:itemRenderer>
<fx:Component>
<s:CheckBox click="outerDocument.checkInTeamTwo()" selected="{data.chkdInTwo}"/>
</fx:Component>
</mx:itemRenderer>
</mx:DataGridColumn>
<mx:DataGridColumn headerText="Team Two" dataField="teamtwodesc"/>
</mx:columns>
</mx:DataGrid>

try wrapping your component inside the itemrenderer tag
<fx:Component>
     <s:ItemRenderer>
          <s:CheckBox   />
     </s:ItemRenderer>
</fx:Component>

Enable / Disable Checkbox

I am writing a flex application that will use check boxes
that will be enabled under certain conditions. Right now I have it
halfway working with a CLICK MouseEvent, but by doing it this way
the conditions are only checked when the checkbox is clicked. Is
there a method or property of the checkbox that will check the
conditions in realtime, and not with a MouseEvent?

You will probably want to use data binding. Let's assume you
have some method that gets called when the "conditions" changes. In
that method, you'd set the value of a Boolean to either true or
false. You'd then bind that value to the checkbox's enabled
property.
Sounds harder than it is. An example will probably be best.
This example also uses a click event, but on a different component
(the button). What it shows you is that you can set the value of a
var called stateOfCheckBox from anywhere in your app, and you will
be able to toggle the state of the checkbox.
hth,
matt horn
flex docs
<?xml version="1.0"?>
<mx:Application xmlns:mx="
http://www.adobe.com/2006/mxml"
creationComplete="initApp();" >
<mx:Script>
<![CDATA[
[Bindable]
private var stateOfCheckBox:Boolean;
private function initApp():void {
stateOfCheckBox = true; //default to true
private function changeStateOfCheckBox(e:Event):void {
if (myCheckBox.enabled) {
stateOfCheckBox = false;
} else {
stateOfCheckBox = true;
]]>
</mx:Script>
<mx:CheckBox id="myCheckBox"
enabled="{stateOfCheckBox}"/>
<mx:Button id="myButton"
click="changeStateOfCheckBox(event)" label="Toggle Checkbox"/>
</mx:Application>

[svn:fx-trunk] 11170: ItemRenderer changes.

Revision: 11170
Author:   [email protected]
Date:     2009-10-26 16:15:30 -0700 (Mon, 26 Oct 2009)
Log Message:
ItemRenderer changes. Fixing some bugs with the autoDrawBackground flag. Also making some PARB changes:
1. IItemRenderer.index -> itemIndex (affects DefaultItemRenderer, ItemRenderer, and ButtonBarButton).
2. GroupBase.renderBackgroundFill() (protected method) -> drawBackground() (mx_internal method)
3. ItemRenderer.handleBackgroundFill -> autoDrawBackground
4. Removed contentBackgroundColor from ItemRenderer
Also, DefaultItemRenderer is now no longer an MXML file, but it is an AS-only class that extends UIComponent.
QE notes: -
Doc notes: Yes - Can you please look at the ASDocs for DefaultItemRenderer.as and the autoDrawBackground flag on ItemRenderer
Bugs: -
Reviewer: Deepa
Tests run: checkintests, Mustella List, DataGroup, DropDownList
Is noteworthy for integration: Yes
Modified Paths:
    flex/sdk/trunk/frameworks/projects/spark/src/spark/components/ButtonBar.as
    flex/sdk/trunk/frameworks/projects/spark/src/spark/components/ButtonBarButton.as
    flex/sdk/trunk/frameworks/projects/spark/src/spark/components/DataGroup.as
    flex/sdk/trunk/frameworks/projects/spark/src/spark/components/Group.as
    flex/sdk/trunk/frameworks/projects/spark/src/spark/components/IItemRenderer.as
    flex/sdk/trunk/frameworks/projects/spark/src/spark/components/List.as
    flex/sdk/trunk/frameworks/projects/spark/src/spark/components/supportClasses/GroupBase.as
    flex/sdk/trunk/frameworks/projects/spark/src/spark/components/supportClasses/ItemRenderer .as
    flex/sdk/trunk/frameworks/projects/spark/src/spark/components/supportClasses/ListBase.as
    flex/sdk/trunk/frameworks/projects/spark/src/spark/skins/spark/DefaultComplexItemRenderer .mxml
Added Paths:
    flex/sdk/trunk/frameworks/projects/spark/src/spark/skins/spark/DefaultItemRenderer.as
Removed Paths:
    flex/sdk/trunk/frameworks/projects/spark/src/spark/skins/spark/DefaultItemRenderer.mxml

Gordon, it looks like its been a while since you made this post. Not sure how valid it is now...   I am particularly interested in the LigatureLevel.NONE value. It seems that it is no longer supported.
How do I turn of ligatures in the font rendering?
My flex project involves trying to match the font rendering of Apache's Batik rendering of SVG and ligatures have been turned off in that codebase. Is there any way (even roundabout) to turn ligatures off in flash?
Thanks,
Om

CheckBox in DataGrid - how to check without changing row selection?

Hi Everyone
I have a CheckBox set as the renderer/editor for a column in
my DataGrid
and I would like users to be able to check and uncheck the
boxes on
different rows without selecting or changing the selection of
the
current grid row.
Is this possible? Any help would be very much appreciated.
Thanks
Gary Q

Hey Gary,
When you are defing the checkbox as itemrenderer then create
a new class for that and make one checkbox component in that.
then in the dataprovider of your datagrid append one
<selected>false</selected> tag. Then in your renderer
class check for the selected tag like
override public function set data( value:Object ):void
super.data = value;
if(value == null)
return;
var xml:XML = XML( data );
if(xml.selected == "false")
cbx.selected = false;
else
cbx.selected = true;
private function updateSelected():void
super.data.selected = cbx.selected;
[Bindable] public var selected:Boolean;
<mx:CheckBox id="cbx" width="14"
click="updateSelected()"/>
</mx:HBox>

QTP is crashing while spying on checkbox present inside a grid.

Hi,
In my flex application, QTP is crashing while spying OR clicking on a checkbox present inside the Flex Advanced grid. Any inputs please !!!!
Thanks,
Narasimha

I forgot to follow my old axiom, "never assume". Did you already run Disk Utility to repair the hard drive? Did you already run Software Updates to check for any OS X updates (such as security updates)?
It is a bit annoying that Apple likes to call almost every application download an "update". Usually, the system will not permit two versions of any Apple application to exist at the root of the Applications folder. I get around this with an "Applications old" folder. Sometimes an "update" will install a full, working version of an application by replacing the previous version. Other times it will only install updated files into an existing application package. The latter is the case for Safari 1.3.2 update. It will not install a full, working version and it will not install a second version alongside the one that is already there. It will only update version 1.3.1

How do you measure performance of an item renderer?

I'm creating an ItemRenderer in Flex 4.6 and I want to know how to measure total time to create, view and render an item renderer and how long it takes to view and render that item renderer when it's being reused.
I just watched the video, Performance Tips and Tricks for Flex and Flash Development and it describes the creation time, validation time and render time and also the reset time. This is described at 36:43 and 40:25.
I'm looking for a way to get numbers in milliseconds for total item renderer render time and reset time (what is being done in the video).

To answer your first question, in this video Ryan Frishberg recommends measuring and tuning your code. I'm trying to follow his example for my own item renderers.
I've taken some key slides out to show you.

Checkbox as itemrenderer in flex 3

Similar Messages

Maybe you are looking for