ActionScript 3.0 :: Dynamically Add Column To Data Grid?
May 12, 2011How dynamically add column contains checkbox to datagrid?[code]...
View 1 RepliesHow dynamically add column contains checkbox to datagrid?[code]...
View 1 RepliesI 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].....
when 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 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 RepliesWhenever 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"/>
How can you display a multi-line column header using the Flex Spark Data Grid for Flex 4.5?
View 5 Repliesi created dynamically checkbox on data grid how do i find out Which checkbox select/unselect and which checkbox contact is select/unselect ? Because we cant set dynamic id for each checkbox
<mx:DataGrid x="7" y="3" width="347" height="337" dataProvider="{#####}" variableRowHeight="true">
<mx:columns>
[Code]....
In Flex, using AdvancedDataGrid, I'm trying to achieve a drag and drop of one row's column data to another row's column or the same row but different column. Is this even possible? I've been googling for hours and all I can find are drag and drop whole columns just to rearrange their view order.
View 1 RepliesIs there an easy way to embed an image into a flex grid column? Something similar to[url]...
View 1 RepliesI'm using a mx.containers.Grid to layout some data, and the last column is a set of checkboxes. MXML Code snippet:[code]Basically, I want the labels & text values to align however the Grid component sees fit. However, I'd like the checkboxes to be right-aligned. I've tried setting the width of the textValues to 100% and it does nothing. I don't want to use hard-coded pixel values/canvases/etc because it is important that this is easy to change/update.
View 2 RepliesI'm currently working with the OLAPDataGrid component and got stuck at a relatively simple task: I want to style the last row of the grid differently from the rest, so my cell item renderer needs to know whether he's rendering the last row with content in the overall grid, including those rows currently not rendered because they are outside the visible grid space. AdvancedGridListData's rowIndex property only gets me the row index of the renderer relative to the range of visible grid rows, i.e. when I scroll down the grid, a data item with an index greater than 0 gets the rpw index = 0.
View 2 RepliesI am looking into achieving below two features in a flex grid( or advanced grid).
1. merge column headers ( as in group just the cells in the header row ).
2. add multiple ( say 2 ) headers to the grid.
I 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'm trying to extend an isometric Flash game based on as3isolib. The game does only support diamond shaped grids but I have to implement the possibility to have rectangular shaped grids, too.
[Code]...
I am trying to figure out how to open a pop up window in my Air application, in a secondary Window, instead of the main application window.I am using the ReusableFX components, which include a custom DataGrid with filtering and other capabilities. The filtering feature displays a pop up window via PopUpManager when you click on the top of a column in the grid.
PopUpManager.addPopUp(this, FlexGlobals.topLevelApplication as DisplayObject);
The problem is that the pop up window opens in the main application - I am assuming because of the 'topLevelApplication' reference.So, I need a way to open this window in the current Air "s:Window". I am assuming I need a way to walk up : this.parent.parent or this.owner.owner - though I have tried that and it did not seem to work (it said null reference).OR, is there a way to get the current top most window / component (NOT the main application / window)?
Update:I decided to create a new project for the component, and add in the Air libraries. Now I am able to access the "NativeApplication.nativeApplication.activeWindow" call. That gives me the correct Air window. However, it does not seem to be working:
PopUpManager.addPopUp(this, NativeApplication.nativeApplication.activeWindow as DisplayObject);
My popup does not appear. I am assuming because "activeWindow" is not actually a DisplayObject?(so how do I get the DisplayObject if that's the case?)
there's a need to select a mechanism, allowing user to hide/show columns in a DataGrid.One of suggested ways is adding a button (which looks like a column header, but with no column). When user clicks on it, the list of columns comes and user may select columns to hide/show. But is there any way to have such column in a grid (just a header with no column .. as example - you may see the grid in Mozilla Thunderbird)?
The other, less likely way, was the popup list, appearing when mouse hover the DataGrid. But this list would be used rarely. So, this flashing list would be just a headache for an end-user.
The ways with mouse-clicking .. I'm just afraid, that they would be left unnoticed and user would have a hard days while using a grids with a dozens columns.
Edit #1Maybe it would be better if I just provide a pic of this magical "header with no column", to escape confusion ..
Here's it .. there's a clickable column-header in a grid, but there's no column under it ..
Edit #2There's some area right above scrollbar in the dataGrid, it might be the right place for putting this functionality .. but it seems like I can't use it.
I'm trying to dynamically draw out an isometric grid but I'm hitting a few problems, currently I'm using a matrix transformation to get the grid to look more isometric that tile based but it has it's problems so I want to add the grid with out using the matrix transformations. currently I have..
[Code]....
I tried to draw it out using Sin ,Cos and Tan functions to try to set the coordinates but it didn't behave like I had expected,
I have to populate an Advanced Data Grid which have the following fields: Continent->State->Society-->Actual Value-->Estimate Value I want to simulate a financial market so i have to change some of the values by asynchronous request from an HTTPService; If necessary i'll post the .as file, but it is generated automatically by Flex Builder.
Here's the code of the client side Flex/Air application:
<?xml version="1.0" encoding="utf-8"?>
<mx:WindowedApplication xmlns:mx="http://www.adobe.com/2006/mxml"
layout="absolute"
[Code].....
i have a problem regarding the integration between flash and ASP file i have an ASP file that gets a record set from the database i don't know how to send this record set to flash and place it in a data grid
View 4 RepliesI am trying to drag and drop hierarchical data in the same advanced data grid, and I would like the data provider to updated when the ADG is updated. (I want to be able to save and load this tree, so it is important that drags and drops are saved.)
[URL]
The sample app has an ADG showing hierarchical data as well as flat data. The first column of each datagrid shows the rowindex of the underlying data.
If you rearrange the items on the left ADG, the row indexes become unordered. If you click traceTree you see that the data provider is not in order.
On the other hand if you do the same on the right, the row numbers stay ordered even when the objects move around and if you click traceFlat, the data provider is in the order shown on ADG
My goal is to have the data provider order match the ADG order for the left grid which is displaying hierarchical data.
need to load 10 records from database in advanced data grid. After i scroll the advanced data grid. it has to load 11 to 20 records etc.
View 1 RepliesI have a radio button group within a data grid, whenever I attempt to change the selected radio button the web page crashes. Below is how I put together the radio button in the data grid.
MXML
<mx:Accordion>
<fx:Declarations>
<s:RadioButtonGroup id="cover"/>
[Code]....
My data grid is displaying stale data, rather than the real time data available in it's data provider (array collection). I've tried refeshing the data in the collection, but that has no effect. Below is my code, does anyone see what could be the problem?
<mx:Accordion/>
<fx:Script>
<![CDATA[[code].....
I have a Data Grid with automacticly genorated columns, i now need to add data items into a spesific row / column of this grid e.g. col 2 row 3. It dosnt have a data provider at the moment as i wish to be very selective about which data goes where.
View 1 RepliesI have paginated data grid having more than 5 pages (100 records/page) now i want to sort them all on just clicking on fields header
View 1 RepliesI want to display the same data in a chart and a data grid. I want to use the same data provider for both of them to reduce the amount of SQL queries.How do I transform the database structure into the chart structure and into the table structure using ActionScript?*
Database structure in JSON format:
[
{key:, year:, value:},
{key:, year:, value:}
]
Data provider structure required by a chart:
[
{series1:, series2:, year:},
{series1:, series2:, year:}
]
Data provider structure required by data grid:
[
{key:, year2000:, year2001:, ...},
{key:, year2000:, year2001:, ...}
]
Can we change the width of the datagrid column dynamically by clicking on the border of the column in order to display the complete string which is too long to be displayed and needs to be scrolled ? If so, How ?
Also, how can we ensure that the column width changes dynamically based on the number of characters / length of string; since many a times the data is too long to be displayed. Can we set the column width to take the length of data into consideration before displaying onto the datagrid ?
When using a ColumnChart created in Flex 3, how can I to change the fill color of columns that meet a certain criteria?
Example: I have 8 columns representing agreement percentages between groups of people and want to change the fill color (or otherwise highlight) of all the columns that have over 80% agreement.