DataGrid - Sticky Row Possible?

I was wondering if there is any way to make the first row in
a DataGrid "sticky" - similar to "Freeze Pane" in Excel. I have a
row that displays a Total of the other values in the DataGrid, and
I want it to always be visible to the user, even if they scroll
down. Any ideas on how to do this?
Thanks.

"istrasci" <[email protected]> wrote in
message
news:gd2e32$t3$[email protected]..
>I know sticky columns are possible because I've seen
tutorials for them
>(don't personally know how to do it)... So it seems like
sticky rows would
>be possible too...
You might be able to modify this to work:
http://blogs.adobe.com/aharui/2008/03/flex_3_datagrid_footers.html

Similar Messages

If I edit an item in a datagrid is it possible to add an effect to that entire row?

If I edit an item (default ItemRenderer) in a datagrid is it
possible to add an effect to that entire row?

If you are using the mail app - Tap and hold down on the attachment icon in the email and that should bring up a window that says Open In. Do you not get that? Then you can select Pages from that window - assuming that you have Pages on the iPad.
The attachment should open when you tap on it anyway, even if you don't have Pages.

Datagrid last row flickering problem.

Hi,
I used flex 3.5 datagrid. It is a complex datagrid with lot of itemrenderers and itemeditors.when my datagrid has vertical scroll and when i scroll datagrid, last row keep on flickering.
any idea or solution for this problem?

my grid contains 6 columns. Among 6, some of the column texts are visible some of them hided.
it is only happens to last row of the Datagrid.
This is happened when i scroll my datagrid vertically.

DataGrid Conditional Row Hiding ?

Hello Everyone, I am trying to solve this basic and simple
Datagrid problem and could not find any help anywhere so I have to
resort to the experts here.
I have an XML with nodes that contain an attribute value that
I'm checking for to decide if I should display the row or not. For
example, consider this XML
xmlVar:XML = <XML>
<a row="1" visibility="Invisible" />
<a row="2" visibility="Visible" />
<a row="3" visibility="Visible" />
<a row="4" visibility="Visible" />
<a row="5" visibility="Invisible" />
</XML>
The dataprovider for the datagrid would simply be {xmlVar.a}
and the datagridcoulmn's dataprovider would be say "@row" Now lets
say I want to only display rows that have the visibility="Visible"
So the datagrid would only display "row" 2, 3, and 4 In other
words, a conditional display of a a datagrid row. Hope you guys
understand what I mean here. Is this even possible to do ?? I know
other solutions as using temporary variable to store the xml nodes
that have visibility="Visible" and then use that to feed in to the
datagrid. That is a very inefficient solution to this problem.
Wondering if anyone of you have a smarter/efficient way of solving
this issue.
Thanks in advance.

Well, I figured it out myself. For those who are interested.
I just threw in the conditional in to the data provider and it
makes sense and works like a charm ! Sometimes, things are so much
easier than you think it is !
dataProvider = {xmlVar.a.(@visibility!='Invisible')}
Done deal.

Datagrid: Vertical Rows instead of Horizontal Rows

Hi,
Usually, inside a datagrid there are rows and columns.
The rows shows ex. one product for each line. Each product has some properties like number, color, weight,...
What we wanted to do is not to show one product per line, but 1 product per column: --> see the example
Normal Datagrid:
Number            Description          Color           Weight   ...
1                     Product 1             red              10 kg
2                     Product 2             green           15 kg
3                     Product 3             blue             5 kg
What we want is:
Number           1                   2                     3
Description      Product 1       Product 2        Product 3
Color               red                green              blue
Weight            10 kg             15 kg              5 kg
Possible to do with standard Flex SDK?
Did anyone write such a component already with Flex 3 or Flex 4?
Thanks for any help on that issue.

A pivot table is something else...
To change the datasource is possible, but the result is not what is correct.
cause:
- The selection of one product must be a vertical selection, and not a horizontal one.
- The column header must be at the left side, and not at the top!
But yes, sure, everything is possible to develop....
thanks anyway :-)

Datagrid change row event with tab AND/OR click ???

I have a spark datagrid with the last two columns enterable.
The natural approach for the user is to click in one and enter it then keep tabbing from cell to cell row to row to do his/her data entry.
Selectionchanging works only if you click, the selection does not keep up with the tab from row to row.
I want to enter the new data for each row when the user leaves the row.
What is the best way to approach this particular (and common) need.
Thanks
Dan Pride

Hi again,
I think I was not clear enough. Basically I have a textfield assigned with a style, let's say TextFieldStyle1. What I want is to programmatically assign the textfield another style, say, TextFieldStyle2.
How can I achieve that ?
Many thanks !

Load xml to Datagrid, add row or edit and save it to the xml file??

Good afternoon,
I know how to load the xml, add a row or edit the data in a datagrid . Only thing I dont't know
how to save the changes to the xml file. I'm ussing Flash Professional CC and it wil be an Adobe Air
desktop application.

Hi, and thank for the reply. Problem is not saving the xml, but getting the edited or new rows in the datagrid to be saved in the xml.....

DataGrid alternating row colors per column

Is there a way to set different alternating colors to each
column in a DataGrid. I have a datagrid where I want two of the
columns to have different alternating row colors, one column (red
and light red) and the other (green and light green).
Many thanks

You can simply set the DataGridColumn property to the
approprate colors.
ex.
<mx:DataGrid y="0" x="0" width="100%">
<mx:columns>
<mx:DataGridColumn id="col1" backgroundColor="0x640000"
dataField="col1"/>
<mx:DataGridColumn id="col1" backgroundColor="0xFF0000"
dataField="col1"/>
<mx:DataGridColumn id="col1" backgroundColor="0x006600"
dataField="col1"/>
<mx:DataGridColumn id="col1" backgroundColor="0x33CC33"
dataField="col1"/>
</mx:columns>
</mx:DataGrid>
or you can use the setStyle:
col1.setStyle("backgroudColor", 0x640000)

Change a dataGrid's row color

I have been looking a couple a places on the net to find an answer to this one, and the answers are all esoterics and unclear.
I have a datagrid --> dgTeams
I know the number (or index) of the row i want to change
And there is only one column
all i want to do is change it's backcolor.
something like :
dgTeams.getRowAt(3).style.color = color.blue
or something similar.
All I seem to find is answers about making packages and overriding methods and super() some itemRendrers.
Is there any simple solutions, or should I learn Russian alphabet to make it happen ?
thanks for your help and sorry for bad english and/or cynicism.
dominic
Religion is intellectual resignation -Stéphane Gendron-

Hi,
DataGrid has a style alternatingItemColors - you can use it to set color for each row if you want.
But the best way is to create custom itemRenderer and you don't need to learn Russian alphabet for this and it's not so difficult as it.

DataGrid add row on click

I back a DataGrid with an ArrayCollection of Item(s). So if
the array has 1 item and you click on the second row of the
DataGrid I need to add an item to the list to back that row also.
How can I tell what row they click on?

The "change" event will fire whenever you select a different
item in a DataGrid. You can also get the rowIndex from this event.
Joan

Datagrid - doubleclick row - change value in cell

Hi,
I have a datagrid populated via HTTPservice where one column
entitled Selected initially contains the value of 'yes' for all
rows.
I want the user to be able to double-click on the row to
toggle the value between Yes and No.
I can trap the doubleclick successfully, however I can't find
how to take the information from the doubleclick event to determine
the row and then update the correct cell.
Any assistance greatly appreciated - even a link to an
example of something similar would be great.
Thanks

Hi
private function clickHandler(e:ListEvent):void
if(e.columnIndex == 0)
(e.currentTarget as DataGrid).selectedItem.lesson =
e.itemRenderer.data.lesson=="yes"?"no":"yes";
(e.currentTarget as
DataGrid).dataProvider.itemUpdated(e.itemRenderer.data);
(do not forget to mark it as answered )

Text variable for 0calmonth in the rows possible ?

Hello BW Experts,
I have 0calmonth in the rows and restricted key figures in the column. Wondering if we can show the month description in the rows using text variable?
Please let me know if that is possible and what are the steps.?
Suggestions appreciated.
Regards,
BWer

Hi,
Using Text variables you can display the headings in the reports.
Thanks
Reddy.

DataGrid Moving rows up and down

I have this function to move rows up in a datagrid , yet i am having problems when it comes to move to rows down. I have tried changing the following line to +1 but it dint work any hints please.
            ac.addItemAt(itemToShift,dg.selectedIndex-1);
This is the code
public function up():void
            if(dg.selectedIndex == -1)
                Alert.show("Select the row which you want to up.");
                return;
            if(dg.selectedIndex == 0)return;
            var selectedRowInx : Number = dg.selectedIndex;
            var itemToShift : Object = ac.getItemAt(selectedRowInx) as Object;
            ac.addItemAt(itemToShift,dg.selectedIndex-1);
            ac.removeItemAt(dg.selectedIndex);
            dg.invalidateDisplayList();

Okay. So, I made the code a little simpler than what I said. With my code, you could have selected a row, clicked a cut button, then selected a another row to past afterwards or whatever. Here is the code for simply moving the row up and down.
I added code to catch if the row was at the top or the bottom of the data. Also, I created two indexes, one for the grid and one for the array collection. It will probably work with the one index, but I was trying to see if I could do the move on a sorted datagrid, but that is basically pointless.
protected function moveUpBtn_clickHandler(event:MouseEvent):void
var upSelectedIndex:int = myDataGrid.selectedIndex;
// Move Item
if(upSelectedIndex > -1) {
if(upSelectedIndex > 0) {
   // Get the selected Object
   var moveObject:Object = myArrayCollection.getItemAt(upSelectedIndex);
   // Get actual Object location if grid is sorted
   var upActualIndex:int = myArrayCollection.getItemIndex(moveObject);
   // Remove selected item at actualIndex
   myArrayCollection.removeItemAt(upActualIndex);
   myArrayCollection.refresh();
   // Move both indexes
   upActualIndex--;
   upSelectedIndex--;
   // insert item at actualIndex
   myDataGrid.dataProvider.addItemAt(moveObject, upActualIndex);
   myArrayCollection.refresh();
   // select grid at selectedIndex
   myDataGrid.selectedIndex = upSelectedIndex;
} else {
   Alert.show("Item is currently at the top of the list.", "Move Alert", Alert.OK, this);
} else {
Alert.show("No Item Selected.", "Move Alert", Alert.OK, this);
protected function moveDownBtn_clickHandler(event:MouseEvent):void
var downSelectedIndex:int = myDataGrid.selectedIndex;
if(downSelectedIndex > -1) {
// Move Item
if(downSelectedIndex < myArrayCollection.length -1) {
   // Get the selected Object
   var moveObject:Object = myArrayCollection.getItemAt(downSelectedIndex);
   // Get actual Object location if grid is sorted
   var downActualIndex:int = myArrayCollection.getItemIndex(moveObject);
   // Remove selected item at actualIndex
   myArrayCollection.removeItemAt(downActualIndex);
   myArrayCollection.refresh();
   // Move both indexes
   downActualIndex++;
   downSelectedIndex++;
   // insert item at actualIndex
   myDataGrid.dataProvider.addItemAt(moveObject, downActualIndex);
   myArrayCollection.refresh();
   // select grid at selectedIndex
   myDataGrid.selectedIndex = downSelectedIndex;
} else {
   Alert.show("Item is currently at the bottom of the list.", "Move Alert", Alert.OK, this);
} else {
Alert.show("No Item Selected.", "Move Alert", Alert.OK, this);
Here is the blog post with the working DataGrid and Source View
Message was edited by: DeanLoganBH - Had to set the Down Move to look for the Length of the ArrayCollection -1, because the DataGrid row starts at 0, it is one less than the total length of the ArrayCollection.

Advanced Datagrid - Summary Row without groupping

I need to make a datagrid with a summary row on top of it. It
works fine with the gropping tag inside of groupping collection.
But i don't need groups - i need only summaries.
When I white following code inside of Advanced - flex crashes
and tell something like "cannot null blablala".
quote:
<mx:GroupingCollection id="smallMetricsDataProvider"
source="{bigMetrics}">
<mx:summaries>
<mx:SummaryRow summaryPlacement="first">
<mx:SummaryField dataField="@type" operation="COUNT"
/>
<mx:SummaryField dataField="@budget"
summaryFunction="MetricsUtils.varianceTotalCount" />
<mx:SummaryField dataField="@raw"
summaryFunction="MetricsUtils.varianceTotalCount" />
</mx:SummaryRow>
</mx:summaries>
</mx:GroupingCollection>
What can you advice 4 me?
Thanks, Roman.

Fine, I found a way how to do it, using renderprovider 4
folder items with a null height =))).
It's a hack, the bad hack, i hope it wold be improved...
So, i have another problem - i want to get this summary
values. How?
Thanks, Roman.

CoolIris in Front Row - Possible?

Is it possible to get cooliris type photo display in Front Row?

CoolIris:
http://www.cooliris.com/
is a browser add-on. As such it won't work with Front Row.
But you could of course ask CoolIris for ideas.

DataGrid - Sticky Row Possible?

Similar Messages

Maybe you are looking for