Flex :: Datagrid - Display A Multi-line Column Header Using The Flex Spark Data Grid?
Apr 13, 2011How can you display a multi-line column header using the Flex Spark Data Grid for Flex 4.5?
View 5 RepliesHow can you display a multi-line column header using the Flex Spark Data Grid for Flex 4.5?
View 5 Repliesdoes anyboy know if Flex 4.5 Spark Datagrid suppoprts multi-column sort natively - just like the ADG does?
View 2 RepliesI want to know which header the user clicked on to give the currently sorted view. Is there an API in flex framework that I can use to achieve this? Hopefully I can get back a column index so I know how it is currently sorted.
View 1 RepliesI've got a DataGrid in my mobile application (I know, I know but there's currently not other solution for this), that numeric values. Depending on the value of a cell, the text gets colored. My big issue is that this doesn't work very for more than about 5 rows of data. I reckon the issue is that the set text function (in which I format the color) can't keep up with the amount of cell changes and formats the text based on the last updated cell of the row.I thought about a column item renderer so that the renderer only gets the value for that column, and not the whole data of the row.
Just for reference, this is my current item renderer (again, this works fine for few rows, for 5+ of fast changing data, this doesn't work any more, cells get formatted even though their data hasn't changed).[code]I just double-checked and have to revert my previous statement. A single row works fine, the second row already messes up the color formatting though. It seems as if the datagrid somehow throws together the values.
Doing the color formatting in the set data method shows the exact same effect;[code]My assumption about the grid messing up the ItemRenderer's data seems to be correct.A simple trace in the set data method (trace("old: " + _oldVal + "new : " + value[column.dataField]);) revealed that somehow, values of the next grid row (in case there are 2) get used as well as _oldVal gets the old value of the next row.
Whenever I add paddingRight to a column in the flex grid, it adds the padding to the header as well.Is anyone familiar with how I can add paddingRight just to the column and not to the header? Below is the column code where I was specifying the padding.
<mx:DataGridColumn width="60" headerText="Type" dataField="Grade" headerStyleName="headerLeft" textAlign="left" draggable="false" resizable="false" headerRenderer="GridHeaderRenderer" paddingRight="5"/>
I want to display the grid control in Flex ( version 3 . with a marker/(or)icon (which acts like a button) in each colum header of the grid.2. on click of the button i want o popup a textaread to capture some comments.3. on close of the popup i wan to then change th markericon in a way highliting it which would indicate that some comments(footnotes) are present for this column. I am very new to flex looking at the data grid control at this point. I understand that the standard features can be easily plugged in by msxml. Do i need to write some complex action script for above feature listed?
View 2 RepliesFor a flex datagrid : How do I have different fonts for a column header and the text in the corresponding cells?
View 1 RepliesIs it possible to set a tooltip just on the header of a spark datagrid. I do not want any tooltips on the data - just the header. I have played with mouse over and this sort of looks like it might work. This seems a bit of a hack to me though.
View 1 RepliesI use a flex mx:datagrid. I can set the headerBackgroundSkin to specify a skin or a picture to be displayed in all datagrid column's headers and it works just fine !
The problem is I can't find any way to specify a custom skin for the currently sorted column (doesn't matter if the sort is asc or desc, this is just to show the user which column is currently sorted).
I also tried to create a custom headerRenderer for each column but it is quite complicated and doesn't work very well.
I have been looking for the solution for a while but I can't find a good approach to do it. It sounds like a very basic need for me...incredible it is so complicated to achieve with Flex !!
I noticed someone was looking for the same thing few years ago but without success... [URL]
How can I make my datagrid have its first column fixed and scroll the reset horizontally and vertically?
View 1 RepliesI have a spark datagrid with selectionMode="multipleRows".
I have three columns in the datagrid. I don't want the row selection to happen when the user's click falls on the third column of a row.
The row selection should happen only when one of the first two columns is clicked. How do I achieve this? There is a selectionChanging event for the datagrid, but the GridSelectionEvent object received in the handler does not seem to provide any information about the column on which the click happened.
I have a spark DataGrid component with several columns and I want to have my application default to descending order on the first column in the DataGrid. I would like to use the built-in default sort that occurs when clicking the top header once. I have no need to sort the ArrayCollection I'm working with or change what the comparators are.I also want any user-generated sorting such as clicking on a different column's header to override the default sorting.
View 1 RepliesI have a Flex Column Chart that has a range of 0 - 6 on the y-axis. I have added the following block to change the default colour of the horizontal grid lines to black.
<mx:backgroundElements>
<mx:GridLines>
<mx:horizontalStroke>
[Code]....
This works fine for all but the horizontal grid line at the top of the chart (at y=6). If I change the maximum value for the y-axis to something different then this new max doesn't have the formatting applied (but all the others do).
how do I get the top line to be black like the rest of the grid lines?
I have two requirements for a flex charting component:
1) The grid lines should always remain fixed to a scaling I define using an array of data. Something like a graph paper sheet.
2) Plot multiple line series data over this grid.
How does one get complete control over the background grid lines? I have tried a combination of annotation elements and setting the linechart background elements. If I get the grid right, I can't plot over it (Probably due to the scale). how would one go about designing a graphpaper like interface for linecharts in flex/actionscript?
I have a data grid who's data provider is set to an XML object.
Code:
<mx:DataGrid id="streamMonitorGrid" dataProvider="{_data.stream}" height="100%" width="100%">
[code].....
How to make a computed column in Flex datagrid? example:
<mx:DataGrid dataProvider="{ConsoleDetails}" id="datagrid">
<mx:columns>
<mx:DataGridColumn headerText="Absent Hrs" dataField="absentHrs"/>
[code].....
How can I change the rollover color of AdvancedDataGrid 's header? It's light-blue by default.I tried using a HeaderRenderer, but it does not help. There is a 2 pixel color border on the top and bottom of the header that I can't control.
View 2 Replieswhen we use an advanced data grid, only when we click on the parent element the children details get populated in the corresponding columns, right?..SO now i have made the empty columns invisible(at design) now how do i make them visible at run time when the parent element is expanded..similarly once the columns are visible, how can i make them invisible again when the parent element is closed.
View 1 RepliesHow to get value of selected column form Advanced datagrid whose visble propery is false .
View 1 RepliesI have a datagrid with three columns.In one column I have to add all the values and display the total value.
View 1 RepliesI need to insert a Box containing some text that appears between the grid header and main content and spans all the grid columns. I've been searching and experimenting (addChildAt()) but no luck so far. Is this possible to achieve?If not, is it possible to dynamically render the text in the header itself, below and spanning the column header text?
View 1 RepliesI have a fairly large app that employs an AdvancedDataGrid component. When resizing a specific column (the second one to be exact), the separator between the second and third column disappears for a fairly small, but non null, range of widths of column
View 1 RepliesI want to know column index of header in AdvancedDataGrid when a user clicks on header - either left click or right click.
View 1 RepliesI have an editable column in a datagrid. How do i copy the contents of that column into an array? The dataprovider for the datagrid is an array
View 3 RepliesIs there a way to check if flex datagrid column is empty or not? I tried to search for a DataGridColumn that would allow me to that but I couldn't find any.
View 1 RepliesI have data grid that measures the height according to the rows it has, but i need to disappear/ make invisible when i have no data, so the header will not just appear alone.
View 1 RepliesI am trying to implement the following :
1> First column of datagrid has a checkbox.
2> Select checkboxes, and then delete the datagrid column.
3> Dynamically, add checkbox when row is added dynamically.
4> Do not show check box if now data in row.
I have a flex data grid.I need to highlight the selected cell of the data grid.
View 3 RepliesI have a Flex 4, mx:DataGrid with the following (pertinent) properties set:
width="100%"horizontalScrollPolicy="off"
I have the minWidth set on all of the DataGridColumns and the width set on one of them. If I simply maximize/minimize the display (in browser or stand-alone flash player) of the application, the columns scale up and down nicely. But if you grab the edge of the application and drag it to make it bigger, only one column grows really big. When you drag the size down again, the one column remains big, but all of the other columns get squished way down.
Is there possible make a dataGrid with more than one Row header with different Height and Width in each row ?
View 4 Replies