ETA for Spark DataGrid / AdvancedDataGrid?

I just downloaded the new Flash Builder 4 and came to the disappointing conclusion that there are no equivalents for controls DataGrid and AdvancedDataGrid Spark.  There seems to be several orders, which do not have equivalents of the spark.  I stumbled on Alex's blog post where he mentions the lack of time for the parity of 100% with MX.  However, it would be nice if Adobe could release a timeline of when parity with MX controls is achieved.

Hello-

In Flex 4, we introduced a new component and skinning architecture called Spark. We have built many components, called Spark components, which use this new component model, but has not reached parity with regard with the equivalents of spark for * all * given available items in the component MX (Flex 3 and earlier versions). Especially missing are spark versions of components DataGrid, AdvancedDataGrid and trees. In places where the equivalent of the spark is not available, it is 100% ok to use the MX control as spark content can contain content MX and vice versa.

Who spark to reach parity with the MX is a huge focus for our next version of Flex. In fact, we are current active development works on versions of the spark DataGrid, AdvancedDataGrid and trees. Because we develop out in the open, you can see downloading development builds nightly Flex 4 and looking at the feature specs posted on the Open source Adobe (http://opensource.adobe.com/wiki/display/flexsdk/Flex+4) site.

In addition, many of the teams of Engineering (such as Alex Harui), but also members of the community have displayed prototypes of components created by using spark that are not currently part of the native Spark delivered with Flex 4 components. If you do not use the version MX controls that do not have equivalents of spark, I encourage people to read the posted samples and increase them as they see fit.

Hope this helps,

Deepa Subramaniam

Flex SDK Product Manager

Tags: Flex

Similar Questions

  • Change the color of the selected TEXT to line Spark DataGrid

    Hello

    Does anyone know of a way to change the color of the text of the selected line in a spark DataGrid? I am able to change the color of flipping, etc, but can't seem to find a way to change the color of the text.

    Let's say the default value is black for all lines. I want to make the color of the text of the line selected, for example, red. Ideas through CSS or Skinning?

    Thank you

    Victor

    I think you need to create a custom item Renderer.

    If you use FlashBuilder, just ask to a default one for you and look at the code.

    I wil put a code here, but everything will be guess I can't check my answer just now. So what I write may be incorrect. I'll look again to change you

    NOTE PLEASE. WHAT CAN BE WRONG. I JUST TRIED TO REMEMBER OFF THE TOP OF MY HEAD!

    http://ns.Adobe.com/MXML/2009.

    xmlns:s = "library://ns.adobe.com/flex/spark".

    xmlns:MX = "library://ns.adobe.com/flex/mx".

    clipAndEnableScrolling = 'true '.

    override public function discard(willBeRecycled:Boolean):void

    {

    Super.Discard (willBeRecycled);

    }

    override public function prepare(hasBeenRecycled:Boolean):void

    {

    if(Data && Selected)

    {

    lblData.setStyle ("color", 0xffff00);

    Search for the 'format' function

    If (column.labelFunction! = null)

    {

    lblData.text = column.labelFunction (data, column);

    }

    on the other

    {

    lblData.text = data [column.dataField];

    }

    }

    Super.Prepare (hasBeenRecycled);

    }

    ]]>

  • Spark DataGrid - how to change the colors itemRenderer dynamically in code

    I need to dynamically change some attributes of my spark DataGrid at runtime, such as the header colors, the colors of the column and whether to show the lines of lines/columns in grids.  I've seen hundreds of examples to do, but they are all hard coded.  For example; by creating a custom "BlueGridHeaderRenderer" and the color is hardcoded to blue.

    What I need to do, is to change the color when running via ActionScript.  For example; by creating a MyHeaderRenderer and be able to dynamically set the color in the code through function or property.

    It looks like a pretty simple request... but I've been hitting my head against the wall on this one.  Is it still possible?  If so, can you share some examples of code, or at least point me in a direction?

    Thank you!

    Look at IGridItemRenderer.prepare ().

    Carol

  • What equivalent of mx datagrid.editedItemPosition in spark datagrid?

    Hello

    I use spark datagrid in my application. Basically porting of the sdk 3.1 to 4.5.

    There is a use case where a cell in the grid to focus on the particular event.

    In the case of mx datagrid, the next thing works for her 0

    myMxDatagrid. editedItemPosition = {columnIndex: 1, rowIndex: 0};

    How to implement using same behavior using spark datagrid.

    ----------------------------------------------------------------------------

    Thanks in advance,

    Prithveesingh Zankat.

    MySparkDataGrid.startItemEditorSession (0, 1)

  • Spark DataGrid header style

    I can't find the styleName for the header part of the Spark DataGrid.

    Can you help me?

    Hello

    Please go through these links, it may be useful for you.

    http://forums.Adobe.com/message/3799266

    http://forums.Adobe.com/message/3819357

    Thank you and best regards,

    ---------------------------------------------------------------------- ----------------------------

    Kanchan Ladwani | [email protected] | www.infocepts.com

    ---------------------------------------------------------------------- ----------------------------

  • Cannot see the data of the model within inline ItemRenderer in Spark DataGrid

    I'm having a problem displaying the model data in an ItemRenderer, online in a Spark DataGrid

    Here is the code for the DataGrid control

    < s:DataGrid id = "moduleDG" includeIn = "HomeRequired" x = "20" y = "116" width = "764" height = "404".

    " click =" DGchangeHandler (event) "dataProvider =" {model.items} ">

    < s:columns >

    < s:ArrayList >

    < s:GridColumn id = "myModuleName" dataField = "moduleName" headerText = "{model.ui_nameColumn_str}" / > "

    < s:GridColumn id = "myEnterColumn" dataField = headerText = "{model.ui_actionColumn_str"launchActionText"}" >

    < s:itemRenderer >

    < fx:Component >

    < s:GridItemRenderer >

    < s:Button label = "{parentDocument.model.ui_nameColumn_str}" / > "

    < / s:GridItemRenderer >

    < / fx:Component >

    < / s:itemRenderer >

    < / s:GridColumn >

    < / s:ArrayList >

    < / s:columns >

    < / s:DataGrid >

    In the "inline" without the parentDocument reference ItemRendered, I get an 1120: access of undefined property error model. If I use outerDocument I get 1178: any attempt to access the property model inaccessible through a reference with static type error. I don't know what I should use here...

    The next column has no difficulty to display the property of model.ui_nameColumn_str - I understand the issue around scope and view the correct instance, I don't know how to get the model of the inline ItemRenderer. (We use simplemvc)

    Thank you

    Model must be a public variable, then outerDocument should work.

  • Spark Datagrid columnheader click

    Hello!

    With the next Eventlistener I can detect a click on the Spark Datagrid header.

    dg.sortableColumns = false;
    dg.columnHeaderGroup.addEventListener (MouseEvent.CLICK, headerClickListener);
    ……………..
    Event handler header
    private void headerClickListener(event:MouseEvent):void {}
    Alert.Show ("something");

    But how do I detect the current column of the user clicked Headeritem?

    In my view a Build-In Header-Click-event and a Build-In Columnlocking is a "Must Have" of a professional Datagrid.

    Will there be a Flexupdate with a Datagrid improved spark in next time?

    Greetings

    Uwe

    Instead of listening for the GridEvent.GRID_CLICK event. The GridEvent will be the index of the column in it. We return all the events of the mouse on the DataGrid as GridEvents.

    -Kevin

  • Play with the spark datagrid

    I play with the spark datagrid and I have a column implemented as follows:

    "< GridColumn width ="140"headerText ="Margin"headerText.editMode =" Margin (montage) "dataField ="margin"editable ="false"editable.editMode =" true "itemRenderer ="gridColumnRenderer">
    < / GridColumn >

    I would like that the rendering of the element to change color depending on the State of the outerDocuent, is it possible?

    I tried this but can't seem to the outerdocument

    <? XML version = "1.0" encoding = "utf-8"? >
    " < = xmlns:fx s:ItemRenderer ' http://ns.Adobe.com/MXML/2009 "
    xmlns:s = "library://ns.adobe.com/flex/spark".
    xmlns:MX = "library://ns.adobe.com/flex/mx".
    autoDrawBackground = "true" >

    < s:Label text = "{data .margin}" backgroundColor = "{outerDocument.currentState == 'editMode'? 0xffffff:0xdddddd}" / > "

    < / s:ItemRenderer >

    I believe that you should not use GridItemRenderer instead of ItemRenderer as base class for renderers in spark DataGrid.  It works if you change that?

  • Question of selection with editable Spark DataGrid

    Hello world

    I'm evaluating new Spark DataGrid and I am having a very strange problem with the selection behavior in an editable instance.

    Here is my test application: http://www.playcalliope.com/flex/DataGridSelectionIssue.html (code here: https://gist.github.com/1129160)

    And here are the steps to reproduce the problem:

    1. Select the first cell in the upper left corner of the grid (the one with 'Gabriele');
    2. click it once more, the Editor appears;
    3. now, click on the cell just to the right (the one with "Genta").

    You should see that edition ends as he supposed to do, but the selection is placed on the third cell (the one with a 5 in it) on the one you clicked on. Play a bit with the grid, you will see that this is not the only case, but selection really behaves randomly.

    I use SDK 4.5.1.21328.

    I think that it is a very basic use case... I can't believe that this does not work, what don't get me?

    Thank you very much

    Gabriele Genta

    Message was edited to add the living example

    Your race in a bug known, https://bugs.adobe.com/jira/browse/SDK-30088.

    The bug will be fixed in the Mega version. To work around the bug, you can create a custom editor and delete the "dataGrid.validateNow ()"; call to DataGridEditor.save ().

    Here's how I modified your example to work around the bug:


    http://ns.Adobe.com/MXML/2009.
    xmlns:s = "library://ns.adobe.com/flex/spark".
    xmlns:MX = "library://ns.adobe.com/flex/mx".
    minWidth = "955" = "600" minHeight
    backgroundColor = "#E7E7E7."
    creationComplete = "application1_creationCompleteHandler (event)" > "
       
           
       

       
       
            Import mx.collections.XMLListCollection;
    Import mx.events.FlexEvent;
    protected function application1_creationCompleteHandler(event:FlexEvent):void
    {
    testGrid.dataProvider = new XMLListCollection (testData.item);
    }
    ]]>
       

       
       
           
               
                   
                        1
                        Gabriele
                        Genta
                        5
                        molto
                   

                   
                        10
                        Weill
                        Pallino
                        10
                        poco
                   

               

           

           
           
               
                   
                        Import mx.collections.ICollectionView;
    Import mx.collections.ISort;
                           
    public void save (): Boolean
    {
    If (! validate())

    Returns false;
                               
    newData:Object var = value;
    var property: String = column.dataField;
    Object: data var = data;
    var typeInfo:String = "";
    for each (var variable: XML in describeType (data) .variable)
    {
    If (property == [email protected] ())
    {
    typeInfo = [email protected] ();
    break;
    }
    }
                               
    If (typeInfo is "String")
    {
    If (!) (newData) is String))
    newData = newData.toString ();
    }
    ElseIf (typeInfo == 'As')
    {
    If (!) () newData is uint))
    newData = uint (newData);
    }
    ElseIf (typeInfo == 'int')
    {
    If (!) (newData) is int))
    newData = int (newData);
    }
    ElseIf (typeInfo == "Number")
    {
    If (!) (newData) is number))
    newData = Number (newData);
    }
    ElseIf (typeInfo == "Boolean")
    {
    If (!) (newData) is Boolean))
    {
    var strNewData:String = newData.toString ();
    If (strNewData)
    {
    newData = (strNewData.toLowerCase () == 'true')? true: false;
    }
    }
    }
                               
    If (property & data [property]! == newData)
    {
    If the data is sorted, disable sorting for published data.
    var sort: ISort = null;
    If (dataGrid.dataProvider ICollectionView)
    {
    var dataProvider:ICollectionView = ICollectionView (dataGrid.dataProvider);
    If (dataProvider.sort)
    {
    type = dataProvider.sort;
    dataProvider.sort = null;
    }
    }
                                   
    var oldData:Object = data [well];
    data [property] = newData;
    dataGrid.dataProvider.itemUpdated (data, property, oldData, newData);
                                   
    Restoration of the kind. The data will be not sorted due to this change.
    If (out)
    . Fate ICollectionView (dataGrid.dataProvider) = classification;
    }
                               
    Returns true;
    }
    ]]>
                                   
               
               
           
       
       
       
    Editable = "true" selectionMode = "single-cell".
    itemEditor = "{ClassFactory (MyDefaultEditor) new}" >
           
               
                   
                   
                   
                   
               

           

       

  • Questions about Spark DataGrid (header font Styles, gradient header)

    Just starting in 4.5 SDK and just a little confused on the Spark DataGrid.

    (1) to set the font style for only the head, but do not see these properties in the designer... as they seem to apply to each part of the data grid.

    (2) want to set a linear gradient in the header using two specific colors, alphas, and ratios.  Don't know where to put it now.

    I think that's all for now.  What I did with it up to now, I love... but obviously not as many as MX DataGrid user documentation.

    Thanks in advance!

    Bill

    You can do a column header converters by setting the property of the column. But if you want to exchange all the headers, the header is rendered must be specified in the skin. A trick you can do is subclass the Datagridskin and replace the declaration of 'his '. It also works with other parts of the skin.

    
    
    
        
    
            
            
                
            
    
        
    
    
    

    -Kevin

  • Spark DataGrid edit

    Hello

    I find them to be allocated and cannot find a way to make the Spark DataGrid editable for the user input.

    Is it possible at all, or do I have to use MX DataGrid?

    Thank you

    This is my code to the editable DataGrid control:

    
                             
                                  
                                       
                                            
                                                 
                                                      
                                                           
                                                                
                                                           
                                                      
                                                 
                                            
                                       
                                       
                                            
                                                 
                                                      
                                                           
                                                                
                                                           
                                                      
                                                 
                                            
                                       
                                       
                                            
                                                 
                                                      
                                                           
                                                                
                                                           
                                                           
                                                      
                                                 
                                            
                                       
                                       
                                            
                                                 
                                                      
                                                           
                                                                
                                                           
                                                           
                                                           
                                                      
                                                 
                                            
                                            
                                                 
                                                      
                                                           
                                                           
                                                      
                                                 
                                            
                                       
                                  
                             
                        
    
  • ETA for TVTools for Windows 8?

    I have improved my X201T and the X120e to Windows 8. So far I did not run the critical problems, but really miss me the access connections and the power manager.

    That Lenovo has an ETA for these software? They come at all?

    Nice day!

    You can read this long thread:

    http://forums.Lenovo.com/T5/Windows-8/ThinkPad-software-for-Windows-8/TD-p/899865

    I hope this helps.

  • Is there an ETA for carrying portable computers of Windows 8 Pro?

    I am looking for a new laptop and I want to know:

    Is there an ETA for carrying portable computers of Windows 8 Pro?

    Official launch of Windows is on October 26, 2012. You can have notebooks with WIndows 8 from this day there.

  • What is the ETA for H.265 Media Encoder?

    What is the ETA for H.265 Media Encoder?

    Hi Gerrymotion,

    What is the ETA for H.265 Media Encoder?

    We have not yet announced the dates for H.265 support. Sorry that we announce features too long in advance.

    Thank you

    Kevin

  • Auto expand Spark Datagrid rowcount with dataprovider

    I have problems with a datagrid used within a VGroup.

    I put the datagrid view to display a line + the header with the requestedRowCount = - 1

    who says it has auto extend if several lines are added.

    When a filter is applied, I have reset the requestedRowCount number of rows + 1 (for header).

    monitoring indicates that the code is running

    However the datagrid lines never change.

    Is it because I'm not using the properties correctly or because it's within a VGroup?

    Any suggestion would be greatly appreciated... of the code snippets below...

    SamlpeScreenshot.png

    // Filter Rentals by Job
    if (arrRentalsByJob.filterFunction == null) arrRentalsByJob.filterFunction = filterByJob;
    trace('Rentals Done');
    arrRentalsByJob.refresh();
    if (arrRentalsByJob.length == 0) {
       trace('adjusting rentals to min - num rentals = ' + arrRentalsByJob.length.toString());
       // Set the DataGrid row count to the array length, plus one for the header.                    
       dgRentalSummary.requestedRowCount = 2;
    } else {
       trace('adjusting rentals to handle num rentals = ' + arrRentalsByJob.length.toString());
       dgRentalSummary.requestedRowCount = arrRentalsByJob.length + 1;
    }
    
    dgRentalSummary.invalidateDisplayList();
    

    <s:DataGrid id="dgRentalSummary" width="811" height="48" dataProvider="{arrRentalsByJob}" editable="false" requestedRowCount="-1" rowHeight="20">
    <s:columns>
      <s:ArrayList>
        <s:GridColumn dataField="rentalCompany" headerText="Rental Company" width="230"></s:GridColumn>
        <s:GridColumn dataField="rentalEquipment" headerText="Rental Equipment" width="500"></s:GridColumn>
        <s:GridColumn dataField="rentalCost" headerText="Cost" labelFunction="displayHours"></s:GridColumn>
    </s:ArrayList>
    </s:columns>
    </s:DataGrid>               
    

    Found the problem - using the tip of a previous post.

    Impossible to actually define a first 'height' for the DataGrid - and I don't need to set the number of lines when I filter.

    So... it works...

    // Filter Rentals by Job
    if (arrRentalsByJob.filterFunction == null) arrRentalsByJob.filterFunction = filterByJob;
    trace('Rentals Done');
    arrRentalsByJob.refresh();if (arrRentalsByJob.length == 0) {   dgRentalSummary.requestedRowCount = 2;} else {   dgRentalSummary.requestedRowCount = arrRentalsByJob.length + 1;}dgRentalSummary.invalidateDisplayList();
    
    
    
    
      
        
        
        
    
    
    
    
    

Maybe you are looking for

  • Report all existing browser cookies

    I would like the list/report (in readable format), all witnesses residing on my PC Win XP, including the browser (s) applicable for each. Ideally, I would like to start such an application to report since the CMD Win line and save the results in a fi

  • Satellite 1800-712-CDRW/DVD Combo IDE #1 error

    SR-R2102 original stopped reading discs, bought a new SD-R2102 on Ebay but the laptop does not recognize the drive. Error IDE #1 shows the boot and the player does not display in the material in (the old watch of failed disk) Device Manager. The new

  • How to add the unique element (inside the while loop) to itself

    I have only digital output element that is in the while loop. Its value changes in each time the loop iteration. If lets say I want to adds the values of the ten first in iterations of the loop of this variable.  How can I do that. See attach image f

  • Why all my programs won't connect to IP multicast addresses

    The title says it pretty well. Why do all my programs want to connect to the multicast IP, 224.0.0.252, 224.0.0.253, 239.192.152.143, 239.255.255.250 and my 169.168.1.1 router? Solataire really needs to communicate with a group of PC? I'm at home on

  • Brother mfc-j450dw install under win 7 - error 0x000003eb

    I was not able to have the installation completely pgm.  It always returns the error 0x000003eb code, and it stops.  As far as I can tell that the only left to install is the driver.  My os is Windows 7 sp1 32 bit printer is new out of the box.  I tr