Flex :: DataGrid - Allow Headers For Different Groups Of Rows

Oct 27, 2009

I am trying to extend the DataGrid to allow headers for different groups of rows. However, I cannot figure out which method to extend from DataGrid that would allow me to accomplish this. I do not want the headers to be included in the dataProvider, only the rows. I want to specify indexes to insert the headers at using a property of the custom datagrid.
Here is a quick photoshop showing what I am trying to do:
Is there any custom component already built that will do this?

Similar Posts:

Flex :: Transparent Background On Spark DataGrid Headers?

Jul 14, 2011

I almost got it, but the part that's giving me trouble is making the header background transparent. I am making a custom MXML skin based on the default Spark DataGrid skin. I tried setting the contentBackgroundAlpha to 0 on the columnHeaderGroup and the headerRenderer, but that didn't work. I tried setting visible to false for either of those, but that made it so that the text didn't show up either, so that didn't work. There is no setting for backgroundAlpha in either of those two, so I'm not sure what else to try.

Flex :: Implement A Horizontally Populated DataGrid (with The Headers On The Left Instead Of At The Top)?

Feb 4, 2011

I am trying to find an easy and robust way to override the default layout of DataGrid and populate its values in a left-right fashion. To illustrate:My data model is an array of: {a: xxx1..n, b: yyy1..n, c: zzz1..n}The default DataGrid component will lay this out as:

a b c
xxx1 yyy1 zzz1
xxx2 yyy2 zzz2
xxxn yyyn zzzn
etc.

With "a", "b", and "c" as the headers, and x, y, z being their values for each object in the dataProvider.Now I want to lay this out horizontally like so:

a xxx1 xxx2 xxxn
b yyy1 yyy2 yyyn
c zzz1 zzz2 zzzn

I've searched around for an answer but haven't hit on anything. Perhaps I'm just using the wrong keyword searches...Regardless, if anyone knows a solution to this, be it as mundane as a property setting I've somehow missed, or a 3rd party component, etc.

ps: Eventually, this must be entirely tab-enabled and cell-editable. If you have an esoteric solution involving a multi-field itemRenderer, please keep this in mind. I mention this because I have attempted such a solution and have failed to penetrate DataGrid's Unfailing Field of Tab Vitiation (ie DataGrid seems to override tab functionality inside its itemRenderer, forcibly setting focus to the next renderer/editor).

Flex :: Calculate The Sum Of A Datagrid's Rows?

Jun 6, 2010

I have this datagrid which has columns with a NumericStepper as an itemEditor where the user can change the number of items he wants to buy. How can I calculate the sum of all cells when the user updates datagrid's values?

EDIT 1

My datagrid is about colors and sizes of a product. The columns are generated dynamically from this function

private function getColumn(dataField:String, headerText:String,editable:Boolean) : DataGridColumn
{
var column:DataGridColumn = new DataGridColumn(dataField);

[Code]....

the row.size28 is generated dynamically. So it could be row.size29,row.size30 etc.

How can I loop through all my cells without knowing their data.property?

Flex :: Order Of Rows In A Datagrid?

Jun 26, 2010

I have a datagrid and it lists several rows as

seqno | NAME | COMPANY
1 | BOB | D&T
2 | Jenny | M&Y
3 | Jane | D&T

It is possible to have buttons as [MOVE UP] and [MOVE DOWN] so that when I select a row in a datagrid and press one of those button that the order changes and the seqno updates accordingly.

Meaning if I select Jane and press the [MOVE UP] button, the new order would be;

seqno | NAME | COMPANY
1 | BOB | D&T
2 | Jane | D&T
3 | Jenny | M&Y

Flex :: Limit Rows Of Datagrid In It?

Jul 26, 2011

I have a data grid consisting of 3 columns & many rows, i want to show only the first 20 rows to user. Is there any way i can show only the first 20 rows in my datagrid.After by clicking button 'next', next 20 rows should display and so on...

Flex :: Numbered Rows In Datagrid?

Aug 31, 2011

I am creating an app where users input their investment info into a datagrid on each row one row at a time. As they move along new rows are dynamically generated so they can input new investments. As the user moves and puts in new info I want a column to display what row the user is on (or better said what number investment he is on). how to create the function:

private function rowCount():void
{
myDG.dataProvider=tasks;

[Code]....

Flex :: Swapping Columns And Rows Of DataGrid Possible?

Jul 22, 2009

I have a 1 row, many column flex datagrid. I would like to turn the dataGrid on its side, so that the column headers become a single column running down and v.v. Is there a way to do that in the DataGrid? Or am I stuck manipulating the data presented to the grid?

I have an object like:
x=y
b=u
o=p
u=e
w=p

And I'd like a control that is visually similar to that. Currently the datagrid displays the object as:
x b o u w
y u p e p
Which is too horizontal for my case.

Flex :: Transposing Set Of Rows As Column In DataGrid

Aug 26, 2009

I have an array like the following one
public var sal:Array=[
{empNo:1001, sal:1000, exp:400},
{empNo:1002, sal:3000, exp:240},
{empNo:1003, sal:1000, exp:452},
{empNo:1004, sal:5000, exp:348},
......
{empNo:1550, sal:2000, exp:330},
];

I need to show data using a 3 row flex data grid where the first row will display empNo, the second row will display corresponding salary(field sal), and the third row will display Expenditure (field exp).

Flex :: Show Row Index For DataGrid Rows?

Nov 24, 2009

Is it possible to dynamically show row index for DataGrid rows ?

I have a static ArrayCollection which is set to be DataGrid's data provider and I would like to always have row numbering for each populated row (e.g. in a column called "#").

Flex :: DataGrid - How To Color Empy Rows

Jan 4, 2010

My problem is that empy rows (if there are more rows that dataSource items then there are empy rows) look identical to rows binded to dataSource items which are empy (see the difference?). The only way to know the difference is to hover over them with the mouse, and if they are empty there's no color change, otherwise there's the blue background of the selection.. I want to change the color or in some way hide empty rows, those that are not bound to a dataSource item.

Flex :: Format Rows Of Datagrid Differently?

Aug 29, 2011

I am using the following itemrenderer in one of the column of my datagrid. However I want to format each row of the datagrid differently. The column consists of numbers but some need to be formatted as Numbers while others as currency etc. Also note that I have an additional column which consists of 0 and 1 where 0 means that it should be formatted as Number and 1 means that it should be formatted as Currency.

<?xml version="1.0" encoding="utf-8"?>
<s:MXDataGridItemRenderer xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"

[Code].....

how I can implement such a function, am trying to use dataGridListData.label in a function in the itemrenderer but it gives error.

Flex :: Disabling Few Rows In Spark Datagrid?

Sep 1, 2011

Is there a way in spark datagrid to disable some rows programmatically, in flex 3, it could be done using the function mouseEventToItemRenderer this way:

override protected function mouseEventToItemRenderer (
event: MouseEvent): IListItemRenderer {
var listItem: IListItemRenderer;// = super.mouseEventToItemRenderer(event);

[Code]....

And then I implement the function disabledRow to return true or false depending on some condition, the condition that will specify if the selected item will be renderered or not. Is there a way in spark datagrid to do the same?

Flex :: Display Total Sum Of Rows In Datagrid?

Sep 28, 2011

I have an AdvanceDataGrid. How can I show the total of each column at the bottom. I am able to calculate the total, and tried displaying them on labels below each column by giving width as column width. But they are not getting aligned properly below each column.[code]Is there a way by which I can assign total to the grid itself instead of using seperate labels below.

Flex :: Making Advanced DataGrid Height Of Rows?

Nov 17, 2009

I have an ADG along with some other components in a VBox. The number of rows of items in the ADG is variable. I want the height of the ADG to be however tall it needs to be to show all the rows without scrolling. This is because I want the containing VBox to handle all the scrolling. The reason being, is because sometimes there is a horizontal scroll bar on the VBox, in this case you have to scroll all the way to the right to reveal the scroll bar for the ADG before you can scroll the ADG.

Flex :: Datagrid Multiple Rows Single File

May 20, 2010

I have a flex datagrid with 3 columns. The first column contains the image name(unique key). The other two columns have username and size details. I want to split the username into lastname, firstname, address and some other stuff. Can we have multiple rows in the grid for one image? Tried multi-line, it works but we need to keep adding spaces and its cumbersome. Since each row in the flex datagrid is represented by one index in the XMLList which is enumerated, is there a way to have more than one row assigned to one image and shown in the grid? something like this.

Flex :: Click On A Row In A DataGrid And Highlight All Related Rows?

Jul 1, 2010

how I can select a row in a datagrid in flex and have it highlight that row plus any related rows.Let me give you can example:Let's say that I have a datagrid. In the grid I have two columns for each row. One column has what type of car they own, and the other column has the owners name. Let's say that an owner has two cars. So you have a datagrid that looks like this (4 rows, 2 columns):if you click on the Camery row, the Jaguar row and the Camery row are both highlighted.I have a datagrid that has items, and has related items to its parent.

Flex :: Moving Single Rows In A DataGrid In Flashbuilder4?

Jan 16, 2011

Is it possible to have "Move-Up / Move-Down" buttons that can move a selected row in a dataGrid and move it to a different row in the database?

Where can I get more info or an example of this and what would this type of operation be called?

Actionscript 3 :: Deleting Selected Rows From A DataGrid In Flex

Feb 28, 2011

I added a checkbox in a DataGrid using ItemRenderer. I have pasted the code I am using below.

<mx:DataGrid id="dgEmployeeInfo" dataProvider="{resultArray}" x="131" y="95" editable="false">

[Code]...

Flex :: Drag And Drop Rows Using Only The First Column Of The DataGrid?

May 2, 2011

I need to allow drag and drop in my DataGrid, but I have a lot of item renderer and item editor that makes conflicts with events when dragging.

So, I want to restrict the activation of drag and drop in the first column ?

Flex :: Validate Certain DataGrid Rows Made With ItemRenderer?

Jun 15, 2011

I have a DataGrid which uses an itemRenderer to display the items in a DataGridColumn. The ItemRenderer is created in actionscript and contains the following code:

public class PromptingColumnRenderer extends Label {
public function PromptingColumnRenderer()
{

[Code].....

In this DataGrid column, I require number validation on only the data with the type="NUMBER" field set. The problem is, when I try to declare a NumberValidator within my PromptingColumnRenderer actionscript code, the view recycles the renderer, and the NumberValidator attempts to validate non-numeric rows. What is the best way to validate only the rows with the type="NUMBER" field set?

Actionscript 3 :: Variable Height For Rows Of DataGrid In Flex?

Oct 28, 2011

i am creating a popup of a textarea though which i am storing my notes in a data grid. The Code for the data grid is given below.

Now when i add the note IT fits in one of the rows. Now all the rows have same size. I want to make the size variable so that the text fits in each row. For big text notes the height of rows should be greater so that no scroll needed. similarly when the data is small then the height should be small

<mx:AdvancedDataGrid x="0" y="231" width="872" height="273" fontSize="12" id="dgRecentNotes" horizontalGridLineColor="#01030B" dataProvider="{patientProfile.notes}" horizontalGridLines="true" variableRowHeight="true">

[Code].....

Actionscript 3 :: Flex Datagrid Control With Expanding Rows?

Jun 11, 2009

I'm looking for a DataGrid with expandable rows implementation in Flex. I don't want to use Advanced DataGrid control because it's too slow and too complex.The desired behavior is like this: when you click a row, a panel opens between the rows with some details and the rest of the rows are moved down, and when you click again the panel is closed and the rows are back to normal. If you click the other row, the one that was expanded collapses and the row you clicked is expanded.

Flex :: Select - Datagrid Dynamically Adding Rows Via Checkboxex

Dec 9, 2009

Does anybody know how to add a new row to a datagrid via a checkbox.

example:

checkbox 1 : label (PS2)
checkbox 2 : label (PS3)
checkbox 3 : label (PSP)

By selecting one or all of these checkboxes i what to add a new Datagrid row.

Datagrid

Console price
row1 PS2 $20,
row2 PS3 $30,
row3 PSP $15,

Actionscript 3 :: Insert A Line After A Certain Number Of Rows In Datagrid In Flex?

Feb 16, 2011

Is there a way to insert a horizontal line after a certain number of rows, which may be variable depending upon a property in data provider of a datagrid?

Actionscript 3 :: Filtering Datagrid Based On Data In Rows, Flex?

Mar 23, 2012

I've search all over today trying to find how to do this, and not being familiar with actionscript is starting to catch up to me. What I would like to accomplish is: I have a list of messages in a Datagrid coming from a dataprovider in another class, which in turn gets them from our Oracle DB. I need to all the user to set a visible state on the message, and then filter that out of the datagrid with the click of a button. I have the check box for hide, and it sets that value into the database. I can't figure out how to get the filterFunction to work with an array collection when the filter parameter is within the row data.Here is the code

public function filterResults():void {
modelLocator.notification.messageList.filterFunction = filterRows;
modelLocator.notification.messageList.refresh();

[code]....

Flex :: Actionscript 3 - Populating A Datagrid With Variable Number Of Columns And Rows

May 17, 2010

I am trying to figure out how to manage a Datagrid based on an XML object like this:

[Code]...

I will need to populate the Datagrid column names based on a different XML object and use the above XML to populate each of the column's rows. I currently am able to create the Datagrid and populate its column headers but I am unsure as to how to how to add the rows for each column. The above XML will be update with new row and column elements added and deleted. This, of course, will be bound to the Datagrid to show updates.

Flex :: Conditionally Change Icons In Datagrid Rows Using Item Click

Jul 23, 2011

I have to designed a datagrid, in first column i have to use closed lock icon. when i click a row in a datagrid the selected rows' icon should change as opened lock icon. how i can achive this task in flex 3.

Centering Datagrid Text And Headers?

Jun 25, 2009

I've be messing around with Flash for a little while now and just recently starting trying to do a datagrid which is loaded from an XML file. Well I've gotten the XML to populate the datagrid. Everything is fine in that aspect but I cant seem to get my text to align properly in the datagrid. By default ofcourse everything is aligned Left. I would like align everything centered (the cells as well as the column Header.The code that I have basically creates the datagrid at runtime,

Note: I had found two other threads from a couple of years ago that said use the line below, but I've tried that line of code to no avail:

Code:
myDataGrid.getColumnAt(2).textAlign = "center";
HERE IS MY CODE:
Code:
import fl.controls.DataGrid;[code]....

Actionscript 3 :: Change Headers On A Datagrid In Flash

Nov 17, 2010

I have been trying to customize the datagrid component. So far I have been able to customize the cells using a custom cellRenderer. I would like to change the way the header looks by using a custom headerRenderer as well but from all the ones that I have tried to make don't work.[code]to try and set the headerRenderer class that I created to the datagrid name dgPL. But it doesn't work. From what I have found on the internet the headerRenderer class is suppose to act just like the cellRenderer class in design and implementation. I can't find any examples of people using a custom headerRenderer class or examples on how to make one.I have gone wrong in designing my class or implementing it into my program would be appreciated.Also I am trying to figure out how to add a Marquee to the cells of the same datagrid so that if the content in the cell is too long for the size of the cell it will scroll across the cell when the user rolls over the datagids list of content. The part I am having trouble with is figuring out how to get the new string assigned to the cell without permanently overriding the dataprovider's content for that specific row in the datagrid.

From my looking on the internet I have found a way to create a marquee for textFields. What I can't figure out is how to apply it to the datagrid itself.[code]Right now the marquee works by creating a textField and doing the marquee that way but that isn't the most effective way of doing it at all due to allignment issues when scrolling the content in the datagrid.I know how the Marquee works I just don't see how to apply this marquee to the datagrid cells itself. I know how to grab the content of my cell's with no issues at all and how to redefine it for the marquee to work I just am not sure how to assign it back to the cell itself without overriding the dataprovider permanently.

Copyrights 2005-15 www.BigResource.com, All rights reserved