Flex :: Particular Cell Can Be Filled With Any Color In Advanced Data Grid?
Mar 15, 2010How a particular cell can be filled with any color in advanced data grid.
View 1 RepliesHow a particular cell can be filled with any color in advanced data grid.
View 1 RepliesIam using flex 3.5 . I want to set the back ground color of cell in a datagrid to yellow when the data in it is more than 6 .
View 2 RepliesI have a flex data grid. It contains two column Maths Mark and English Mark. If Math Mark >English Mark for any row then it will set that particular row color as Green.
View 1 RepliesHow 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 RepliesI 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 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 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 flex data grid.I need to highlight the selected cell of the data grid.
View 3 RepliesI am working on a grid example in flex using advanced grid control. I know we can easily group data by specifying the field name. At the group node level, other than the gorup name I want to be able to show data in the rest of the cells ( calculated data ) and I am looking for some dataRowBound event or similar to be able to hook some data in it.
Example: Grid displaying list of towns grouped by state. At the group level ( for each state) I want to show the total number of towns in each state. Here how can i show the total number in the town column.
Is it possible to create a dynamic xml file which changes in some fields to populate an advanced data grid?I have to display continents, countries, society and its values but i want to change randomly only the value and not all toegether...The client side application call the database by an asynchronous httpservice.LCDS, Blaze or similar are not allowed.
View 1 RepliesThe Following code seems to only be working when i have editable="true" on the Advanced Data Grid. But I don't want it it be editable.
The docs don't say anything about it needing to be editable, and i dont see why it should need to be.
[URL]
a_data_list.addEventListener(AdvancedDataGridEvent.ITEM_FOCUS_IN, clickedRow);
public function clickedRow(event:AdvancedDataGridEvent):void
{
trace("datagrid line was clicked");
}
I wish to have a standard row with string items except two items,no 1 there is a date field and I need a date selector for it.no 2 in another cell of the row I want to put a drop down list box containing text "40" and "20" or you can manually edit the cell so that it displays what ever input you decide (other than 40 and 20)
View 1 RepliesI have an AdvancedDataGrid that loads data from a web service. It only loads the top level stuff and then as you click the arrows it gets that data. All I want to do is to find out if some text is in one of the cells. I originally did this:
public static function assertTextInAdg(params:Object):Boolean{
// Gets the ADG
trace('youre in the assertTextInAdg function');
var grid:* = FPLocator.lookupDisplayObject(params);
trace('var grid:* = FPLocator.lookupDisplayObject(params): ' + grid);
[Code] .....
And then it fails, because it can't get the source, I think. I am completely open to other strategies and I have been stuck on this problem for 10 days now. This seems like it would be relatively easy. I have been going down a slightly different route. I am now trying to iterate through the HierarchicalCollectionView with a cursor. This seems to work. But, when I get the node I can't do anything useful with it... I have been looking for examples but so far they all stop at the point of getting the node.
public static function assertTextInAdg(params:Object):Boolean{
// Gets the ADG
trace('youre in the assertTextInAdg function');
var grid:* = FPLocator.lookupDisplayObject(params);
trace('var grid:* = FPLocator.lookupDisplayObject(params): ' + grid);
[Code] .....
I'm running into an issue where I'm triggering the ItemFocusOut event on my adg. However, it seems to call this event twice for everytime that I tab out of the cell.When the second call is made not all the information is available to me. In the second code block below the cellbject comes back null after the fist tab. So, any ideas on why this gets call twice. The first code block is my event setup.
ActionScript Code:
<mx:AdvancedDataGrid id="adg1"
width="800" height="246"
styleName="dstGridReadOnlySorting"
[code]...
I've been working with the flash data grid component, and I want to update just one cell in the data grid without updating the entire dataset. I haven't found anyway to do this and the object inheritance makes it really difficult to track down properties of specific child elements. Here's a snippet i use to get data from a specific data cell:
var cellData:String = _currentPlaylistDataGrid.columns[0].itemToLabel(_currentPlaylistDataGrid.getItemAt(_c urrentSlideID));
What's the best way to do this? It's NOT on a click event or interactive event.
I'd like to know how to create an "overlay" in Flex's Advanced Grid? See the sample here [URL].
View 1 RepliesI have a datagrid in my Flash app whose data keeps updating quite frequently.On every update, I need to change the cell color of only those cells whose data has changed.That too, if the updated value is less than the older value then the cell color should change to RED else, GREEN.I have tried using labelFunction, cellrenderer, etc. But to no avail.By no means, I am able to access the present data in the cells to compare it with the new data.
View 1 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 Repliessimple (?) question: what's the easiest way to programmatically change the style of an ADG cell most recently clicked by the user? Important note: I'm assuming cells not to editable and the selection mode to be singleRow, i.e. the specific cell needs to render differently from the standard highlight that comes with being part of the selected line.
View 1 RepliesI am trying to set the row background color for the advanced data grid control in Flex 3. Does anyone know if this is possible using a style function. Currently my style function looks like:
public function myStyleFunc(data:Object, col:AdvancedDataGridColumn):Object
{
if (data["status"] == "PRICING")
return {color:0xFF0000 , fontWeight:"bold" , backgroundColor:0xFF0000};
[Code].....
However the background color does not change.
I have heard on the grape vine that I may need to override some methods to enable the background color property.
I'm making a map editor for a tile based game. The editor makes a grid:
private function draw
var tileSize:uint= 50; for(var i:int=0;i<row;i++) grid.graphics.lineStyle(1,0x000000,0.3);
[code].....
I'm using an AdvancedDataGrid in ActionScript 3/Flex 4. The grid has 5 columns: Caller Intent, Labels, Strategy, Confirmation Mode, and Confirmation Promptlet. All columns are editable except for Labels. However, if you change the Confirmation Mode value to NEVER, the next column Confirmation Promptlet becomes uneditable and is set with the value 'n/a' (this is the desired functionality).Unfortunately, the image is not clear. In the second row, I changed the Confirmation Mode value to NEVER. This is what happens when I start tabbing out of the Confirmation Mode cell:
1st Tab: Confirmation Promptlet populated with 'n/a'. I don't see anything in focus.
2nd Tab: The 5th tab from the left in the view stack (dark grey) is in focus.
3rd Tab: I don't see anything in focus.
4th Tab: The button with the green '+' (top left) is in focus.
5th Tab: The grid itself is in focus.
6th Tab: Finally I get to the Caller Intent cell of the next row (when this image was captured)
I tried setting tabEnabled="false" and tabFocusEnabled="false" for the button. I set only tabFocusEnabled="false" for the AdvancedDataGrid. But then the Tab focus starts moving to the components in the upper right panel and lower right panel.
I need to accomplish 2 things:
1. Have tabbing be contained in the grid, in the upper right panel, and in the lower right panel. Meaning tabbing should not cross from one area to another.
2. Have an uneditable field not mess up the normal tabbing behaviour.
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].....
I 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've got an ArrayCollection which is properly displayed in this Advanced Datagrid:
[Code]...
I 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:, ...}
]