Add categories to the DataGrid header

Is there a simple way to add categories to the header of the DataGrid control? Basically, instead of just a single line with the headers, I want an additional line that is above this line and description sections of the grid (rather than the individual columns). For example, in html, I could do something like this:

< table >
< tr > < th colspan = "2" > name < /th > < th colspan = "2" > data < /th > < /tr >
kind of < /th > < th > last age < /th > < th > < /th > < th > first < tr > < th > < /th > < /tr >
John < tr > < td > < table > < td > doe < table > < td > 26 < table > < td > male < table > < /tr >
< /table >

Is there a reasonable way to do something like this in Flex? I looked at the foot of Alex Harui DataGrid page, but after playing with it a bit, it seems not that it would be easily adapted.

It is an example of a column of split on my blog as well in the first element

converter station

--

Alex Harui

Flex SDK Team

Adobe System, Inc..

http://blogs.Adobe.com/aharui

Tags: Flex

Similar Questions

  • How to detect the DataGrid header click with no sorting

    I wish I had a datagrid where the user can click on the header, but I don't want the columns to sort, I would like to take the column index.

    If I put = false sortableColumns property, headerRelease event is not raised.

    Can anyone suggest how I can accomplish this?

    Thank you!!
    Carlos

    Use headerRelease and then to prevent the default event:

    In the datagrid control: headerRelease = "jumpBack (event)" "

    In your script:

    private void jumpBack(event:DataGridEvent): void {}
    do something here
    Event.preventDefault ();
    }

  • How to set the DataGrid header to center text?

    Hi all

    When the textAlign property value Center it's the alignment of the header text and the column to Center

    Is there a headerText to Center alignment and columns text align left.

    Thanks in advance

    KKC


    It does not work, and you don't need to implement a custom for this itemRenderer:


    DataGrid

    {
    headerStyleName:dataGridHeaderStyle;
    }

    .dataGridHeaderStyle

    {
    fontWeight: bold;
    textAlign:right;
    }
       

  • Cannot add categories to the news application in the Customize page.

    Enforcement in Windows 8 news has started to behave strangely showing no not all Bing news categories so I went to the Customize page to see what was going on. I've disabled all categories and rechecked all and each of them showed the added icon. After I did none of these categories presents and the app shows only an advertisement and the dialog box "next steps."

     
    I deleted and reinstalled the application several times and the problem persists, and I even tried to remove the settings manually. What can I do about it?

    I solved the problem. Here's what I did:

    1. Open "change PC settings." and clicking on the tab "sync my settings.
    2. Switched 'On this PC synchronization settings' to Off.
    3. Opens the start screen.
    4. Right click on the new tile.
    5. Click "Uninstall" and then "Uninstall" once more.
    6. Clicking on the tile store.
    7. Clicked and and then on "your Apps".
    8. In the drop-down menu, choose "Apps not installed on this computer.
    9. Clicked on the 'News', and then click the 'Install' App below.
    10. Once installed, I went back to the start screen and clicked on new tiles.
    11. The new app has finally been reset (yay!).
    12. Re-opened "change PC settings", and then the tab "Sync my settings.
    13. Switched 'On this PC synchronization settings' on it.
    14. Fact!
  • Bad alignment of the column header separator and separator columns in mx:DataGrid.

    Hi all

    I use a mx:DataGrid control in my project of extension for InDesign CS5/CS55.5/CS6. I personalized the style attributes of the DataGrid control to change its appearance as shown in the following image.

    SampleDataGrid.png

    Question: As we see in the picture that after changing this style attribute separator column header is not aligned with separator of columns of the DataGrid body (more clearly shown in the zoomed image).

    MisalignedSeparator.png

    I also found that if I remove the "headerColors" property then it seems (maybe because of camouflage of the dividing line white with the default color of the header, as shown in the image below).

    DefaultHeader.png

    Any suggestion/solution to correct this lack of alignment.

    Notice that I must use this dark color appearance. I used FlashBuilder4.6, ExtensionBuilder2.1, ExtensionBuilder 3.4 SDK on Mac OS X 10.7.5.

    Here is the source code,

    DataGridExtension.mxml

    <? XML version = "1.0" encoding = "utf-8"? >

    "" < mx:Application xmlns:mx = "http://www.adobe.com/2006/mxml" layout ="absolute" historyManagementEnabled = "false"applicationComplete = "colorSync ()" creationComplete = "creationCompleteHandler (event)"> "

    < mx:Script >

    <! [CDATA]

    Import mx.collections.ArrayCollection;

    Import mx.events.FlexEvent;

    [Bindable]

    private var itemsObject:ArrayCollection = new ArrayCollection();

    public function colorSync():void{}

    AutoTheme.sync ();

    }

    protected function creationCompleteHandler(event:FlexEvent):void

    {

    itemsObject.addItem ({'page':'Page 01' 'status':"ready",'observation':'high quality'});

    itemsObject.addItem ({'page':' Page 02' 'status':'Waiting','observation':'low quality''});

    itemsObject.addItem ({'page':'Page 03' 'status':"ready",'observation':'high quality'});

    itemsObject.addItem ({'page':'Page 04' 'status':"ready",'observation':'high quality'});

    itemsObject.addItem ({'page':'Page 05' 'status':'Waiting','observation':'low quality'});

    itemsObject.addItem ({'page':'Page 06' 'status':"ready",'observation':'high quality'});

    itemsObject.addItem ({'page':'Page 07' 'status':"ready",'observation':'high quality'});

    }

    []] >

    < / mx:Script >

    < mx:Style >

          MX | DataGrid { }

    headerColors: #333333, #333333

    alternatingItemColors: #222222 #252525

    textRollOverColor: #FFFFFF

    textSelectedColor: #FFFFFF

    color: #CDCDCD;

    borderStyle: solid;

    rollOverColor: #333333

    selectionColor: #444444

    -color of the border: #222222

    textSelectedColor: #ffffff

    dropShadowEnabled: fake

            cornerRadius: 4

    }

    < / mx:Style >

    "" < mx:VBox height = "100%" width ="100%" verticalAlign = "middle" horizontalAlign ="center">

    " < mx:Spacer height ="10"width ="100%"/ >

    "" " < mx:DataGrid id ="pageDataGrid"dataProvider =" itemsObject{}"verticalAlign ="middle"width ="100%"buttonMode ="true"height ="100%">

    < mx:columns >

    "" < mx:DataGridColumn dataField = "page" headerText ="Page" width = "50"/ > "

    "" < mx:DataGridColumn dataField = "status" headerText ="status" width = "50"/ > "

    "" < mx:DataGridColumn dataField = "Note" headerText ="Note" width = "100"/ > "

    < / mx:columns >

    < / mx:DataGrid >

    < / mx:VBox >

    < / mx:Application >

    OK, the header separator is 2 pixels wide and that's why he is not in line with the separation of body that is only 1 pixel wide.

    Thank you. I solved the problem by adding a 'programming skin' based on 'mx.skins.halo.DataGridHeaderSeparator' that I defined for 'headerSeparatorSkin' mx:DataGrid property.

    I also tried adding a 'graph skin' by using a PNG image with a width of line 1 file x 22 pixels. This fixed the misalignment, but another problem because of which the last separator becomes 2 pixel wide while all others were 1 pixel wide.

    Here I post my code snippets for others,

    1. Add a new MyDataGridHeaderSeparator.mxml file for programmatic skin as follows (for example in the View.skin package).

    MyDataGridHeaderSeparator.mxml

    http://www.Adobe.com/2006/mxml '.

    xmlns:haloSkins = "" MX.skins.Halo. * ">"

    /**

    * Replaced it draw the line splitter in the DataGrid header columns. Since the default

    * implementation was originally 2 numbers when headerColors style in the DataGrid property changes

    * to match with the theme of dark color of the overall expansion,

    * 1. Misalignment of the separator in the header with the separation of body.

    * 2. Draw lines of separation of 2 pixels with the first in color light gray and others in dark grey.

    **/

    override protected function updateDisplayList(unscaledWidth:Number,_unscaledHeight:Number):void {}

    The line width value 1 pixel to draw lines 1 pixel wide divider.

    graphics.lineStyle (1, 0 x 000000);

    Go from x = 0 to x = 1 to solve the problem of misalignment.

    graphics.moveTo (1, 0);

    Draw the line of separation of (1,0) (1, unscaledHeight).

    graphics.lineTo (1, unscaledHeight);

    }

    ]]>

    And then simply set the property 'headerSeparatorSkin' of mx:DataGrid to this skin, for example inline definition property as below,

    hand. MXML

  • Add data in the header of a .wav file

    Hello guys,.

    I seek your help for a small problem that I can't spend during my internship.

    Here's what I want to do: I acquire signals that I write a .wav file. What I would do then is to reopen this .wav file and add data in the header, such as the sensitivity of the microphone for example. I am doing this is because it's one of our program of works, it can resume the pressure vs time signal using this information. I already have the hex code I need to add, but I was not able to determine if such a thing is possible or not after a day of research ideas would be greatly appreciated. I wonder if Matlab might do the trick but I prefer to stay with the 'normal '... screws

    Thank you very much for your help.

    To insert data into the middle of a file, you will need to rewrite the entire file after that point, as Gerd said in the linked post.  I would do the following:

    1. Search for the location you want to put your new piece
    2. Read 65 000 bytes from forward and store in a local cache (shift registers work well for this, or just a wire at this point).
    3. Write your new piece, taking note of how long it is
    4. Give your data buffered less the length of your new song
    5. Read a 65 000 other bytes and put it in a new buffer
    6. Write the end of the old buffer and a part of the new buffer until you get to 65 000 bytes
    7. Repeat 4 to 6 until you reach the end of the file
    8. Update the offsets in the header to match the new locations of piece, since you have moved things

    You can probably do it with both data pads in a pair of registers at offset in a loop.  The 65 000 bytes is chosen for best performance.  You can use other sizes, but your speed can suffer.  Let us know if you encounter any problems.

  • Add the soap header for the data to the web service control

    Hello

    I use jdeveloper 11.1.2.4, I have to call soap webservice jet data control, what I I create the control of data using WSDL, but when run the SOAP header does not appear in call xml, so I create java code extends SOAPProvider and supplier of the set to the data control to the custom class as below:

    public class CustomSOAProvider extends SOAPProvider {
        public CustomSOAProvider() {
            super();
        }
    
    
        public void handleRequest(SOAPMessage soapMessage) {
            super.handleRequest(soapMessage);
        }
    
        public void handleResponse(SOAPMessage soapMessage) throws AdapterException {
            super.handleResponse(soapMessage);
        }
    }
    

    I need to add the header shot

       <soap:Header xmlns:soap="http://schemas.xmlsoap.org/soap/envelope/">
          <wsse:Security soap:mustUnderstand="1" xmlns:wsse="http://docs.oasis-open.org/wss/2004/01/oasis-200401-wss-wssecurity-secext-1.0.xsd">
             <wsse:UsernameToken wsu:Id="UsernameToken-XXXX" xmlns:wsu="http://docs.oasis-open.org/wss/2004/01/oasis-200401-wss-wssecurity-utility-1.0.xsd">
                <wsse:Username>XXXX</wsse:Username>
                <wsse:Password Type="http://docs.oasis-open.org/wss/2004/01/oasis-200401-wss-username-token-profile-1.0#PasswordText">XXXX</wsse:Password>
             </wsse:UsernameToken>
          </wsse:Security>
       </soap:Header>
    

    Any suggestion

    Hani,

    Please check out the blog of Frank will give you the details on the handling of the https://blogs.oracle.com/jdevotnharvest/entry/how_to_access_the_ws_soap_message_using_ws_dc SOAP header

    K

  • DataGrid header - then right-click to select the columns to display

    Hello

    Since we can not use the datagrid widget (http://communities.vmware.com/thread/433973), I tried to find a way to imitate the default behavior and display a contextMenu on the click right datagrid header, but without success. I tried to use the contextMenu property, but it seems that the web client disables it. Is it possible to intercept the right-click event and create a contextMenu in the web client?

    Thank you

    contextMenu.PNG

    Right, Flex standard mouse events are disabled for the reasons that I have explained, you need to use our API.

  • Team Snap Widget - causing me headaches - try to add pictures to the assets, cannot be done, what is the right way to add the team head shots?

    Team Snap Widget - causing me headaches - try to add pictures to the assets, cannot be done, what is the right way to add the team head shots?

    Hello

    Try using the file-->. Add files to download in Muse

    Navigate to your image so that it gets added to the active panel.

    Then in the options menu for the flip team widget, change the 'image' of assets/image_name.jpg path option

  • Add the soap header in the salt

    Hello world!

    I want to send a soap (a UUID) header using salt, and honestly, I have not found a detailed explanation or an example on how to do this.

    The only thing I know to date is:

    -Add in the file '.wsdf': < Property name = "mapsoapheader" value = "true" / >

    -And then somehow using "TA_WS_SOAP_HEADER" (previously included by wssoapflds.h) I'll get what I need.

    So I'm in the right direction to solve my problem?

    If so, how exactly should I set TA_WS_SOAP_HEADER in my C code?

    I don't know if you need more information, ask me and I will answer you as soon as possible.

    Thanks in advance,
    Daniel.

    If want to use the soap header, the data type must be FML32.
    SALT will add a TA_WS_SOAP_HEADER field type for the user FML32 buffer.

    The only feature in the SAVORY version is greater than 12 c Release 1

  • How change the style header font in Spark DataGrid?

    I'm looking for the week last for a way to change the font style of the header in a DataGrid of Spark control. It make me crazy that I can't find a way to do this. Have anyone a idea how? Any help is appreciated.

    Thank you

    -Artur

    Hello

    Some styles will not work because some styles of hardcoded in Label text of the DefaultGridHeaderRenderer. You will encounter this problem not only with the DataGrid headers, but also things like title of the Panel and other places where we have the text. To work around this problem is to create your own custom its based on the default and then redefine the part of skin its in the skin.

    First, create a subclass of the DefaultGridHeaderRenderer and twist the "labelDisplay" to your liking (or even just out of all styles and style on your own that you were previously using the name of your custom header rendering engine). Example below (I named it "CustomHeaderRenderer"):

    
    
    
        
    
            
            
        
    
    
    

    Next, create a simple skin of DataGrid by creating a subclass of the spark.skins.spark.DataGridSkin in MXML and setting a new component its in the fx:Declarations section. Example below (I named it "CustomDataGridSkin"):

    
    
    
        
    
            
            
                
            
    
        
    
    
    

    Finally, assign your new skin as the skinClass of your DataGrid (be it in MXML or as a style):

    
        ....
    

    I know it's not pretty, but it is the result of trading off between having fully customized skinning vs having buttons to set all styles. I hope this helps.

    -Kevin

  • Add address of the sender to the address book using filtaquilla?

    When the sender is not in the address book, I want to give the user an option to add it. Is this possible with filtaquilla?

    There is a filter action, provided by FiltaQuilla, to "Add sender to the address list", and among all the proposed locations, your address books are included.

    But I see no way easy to offer the user a dialog to allow him to choose or not to do. Perhaps a javascript maven could do something here.

    Any sender can easily be added to the address book by clicking on its name/address in the header of the received message. Maybe you can use a filter just to highlight the messages from unknown senders in order to prompt the user to consider adding to their address book. Or you can create a saved search to collect such messages. Then, their mere presence in this saved search folder would indicate their status is unknown.

  • How to cut the message header to include only the sender and address the subject?

    In earlier versions of the Thunderbird (W7), the message header contains the subject of the message and the sender's name... might switch to display the icons and the receipents. I installed V24 on a new machine of W8 and may not reduce the header.

    View (alt + V) menu > headers > normal.

    Or your old machine had this add-on
    https://addons.Mozilla.org/en-us/Thunderbird/addon/compactheader/

  • My HP Officejet 4630e all-in-one does not print the date and time on the fax header

    I followed all the instructions of configuration / Date and time are set correctly but only name and phone number show on the fax header when sending fax.  How can I get the date and time to print as well?

    Thank you for your help

    Hi doggynut4,

    Welcome to the HP Support forums.  I understand that you want to add the date and time to your fax header.

    Your user guide indicates that only the name and fax number can be entered for the fax header (found on page 49). I even confirmed this on my Officejet 4630.  I apologise for any inconvenience this may cause.

    User's Guide e-All-in-One Series Officejet 4630

  • TS2012 - SequentialModel customization to include the version of sequence and the path in the report header

    I was able to add a PreUUT reminder to a single sequence to allow me to understand the SequenceFile.Version and the SequenceFile.Path to the header of my report.




























































    The station ID: TESTENG6-DMA
    Serial number: NONE
    Date: Friday, October 17, 2014
    Time: 09:35:09
    Operator: pbrooks
    Run time: 14.0482135 seconds
    Number of results: 25
    The result of the object to measure: Past
    Reference number: 423 00079
    Name of the manufacturer: *******
    Reference of the manufacturer location: *******
    Test mode: Production
    Version of the sequence: 0.0.0.130
    Path of the sequence: C:\Sonus\UX\UX Common.seq

    The recall, I get the sequence using RunState.SequenceFile.AsPropertyObjectFile file reference.

    I don't want to add this reminder to each test sequence, so I want to change the sequence of SequentialModel PreUUT to add the SequenceFile.Version and the SequenceFile.Path to the report header instead.

    Should what technique I use to get a reference to the file of the sequence on the process model PreUUT running?

    Phillip,

    You can use RunState.ProcessModelClient to access the file from the client's sequence in the process template.

    I hope that helps!

Maybe you are looking for

  • Remote VI: display Subvi.

    Hello Plug-in option to connect to a distant VI pour controller levels an application from a computer via the web naviquateur of the United Nations. The main VI appears well in the browser, but when I try crowing the front panel of a under VI this on

  • OfficeJet pro 8610: copy question

    I am aware of both a pages facing two options on back page. Now, I'm trying to figure out if I can copy two pages in front of two pages by using the Officejet pro 8610.

  • SEE SLIDE SHOW DOES NOT

    The 'View as slideshow' feature no longer works.  A picture back but does not go to the next image. He's not going to the next image, even when I click on the arrow to the front foot.  When I click on the down arrow I get error "drawing failed".  Rec

  • I put my laptop into hibernation and don't know how to cancel.

    How to get out of hibernation

  • When I connect... it disconnects me immediately?

    Computer seems to start ok... when it comes to where I need to open a session, it disconnects me immediately!