Display rowindex in datagrid

Hello

It all started with Flex, so at the risk of a ridiculously simple question: how to display the rowindex in a datagrid?
My datagrid is filled using a dataProvider that points to an xml object. All the fields of the object fill in the different columns in the grid. There is however, no line numbers in the xml object, so I wanted to dynamically fill those who use a labelFunction or something like that. No luck however.

To make things more clearly, that's what I want:

colA | colB | Teachers
1. valuex | Value1
2. valueY | value2
3. Test | value3

ColA is not present in the xml object, then, how do I create?

Thank you
Ruud

labelFunction(item:Object,_column:DataGridColumn):String
{

var int index is myDataProvider.getItemIndex (item) + 1;.
Return index.toString ();

}

Tags: Flex

Similar Questions

Problem with image display in a Datagrid loaded from local files

Hello
I'm trying to get (charges from the local file system) images to be displayed in a datagrid control.
the paths are fine, but no images are displayed in the datagrid control (I use a project based Air, AS3).
DataGrid code is:
< mx:DataGrid id = "dg" dataProvider = "{myArrayCollection}" >
< mx:columns >
< mx:DataGridColumn headerText = "Image" width = "100" >
< / mx:DataGridColumn >
< / mx:columns >
< / mx:DataGrid >
The Actionscript code is:
fileStream = new FileStream();
var imageBytes:ByteArray = new ByteArray();
var stream: FileStream = new FileStream();
array7 = new Array();
for (var j: int = 0; j < fileList1.length; j ++)
{
var file1:File = File.desktopDirectory;
File1 = new File();
File1 = File.desktopDirectory.resolvePath ("DG_TEST /" + fileList1 [j] .name);
fileStream = new FileStream();
Stream.Open (File1, FileMode.READ);
stream.readBytes (imageBytes);
Stream.Close ();
array7.push (imageBytes);
array7.push (j);
}
myArrayCollection.source = array7;
I also have: [Bindable] private var myArrayCollection:ArrayCollection = new ArrayCollection();
If I Uncomment the line array7.push (j), the figures show in the DataGrid and seem to leave a line for images?
Any ideas/code (preferably because I am very new to flex/Air) to help me to display the images in the control datagrid would be greatly appreciated.
Thanks in advance,
Guida

You are welcome

don't forget to put the discussion as 'responded' to close

Conditional display of the DataGrids
Hello

I use Cairngorm architecture in my application. My application analyzes an XML file and generates the datagrids based on tags in the XML file (No. tags in XML may vary). The application has views different (mxml files) that contain different datagrids corresponding to different tags.

I have binded "visible property" of those datagrids to the logical XML for analysis document that is if the tag is found in the XML file and then set the visible property of the datagrid true, otherwise set it as false.

The logic above works fine except that it leaves empty displayed between the two datagrids (for the invisible datagrids that correspond to the missing tags in the XML file).

Can someone suggest me a better way to handle this scenario?

Thank you
sentiboy
In addition to the visible set to false, do not forget also affect includeInLayout false, so invisible DataGrid is not considered in the layout.

What is the best way to filter the records displayed in a DataGrid?

Hi all
I have a DataGrid that I use to show the records to a user. I want to give them a few boxes to filter the different criteria. For example, "hide/show has fallen members', ' see life only members", etc..
My first thought was to attach an event listener that fires each time that a checkbox is checked/unchecked. In addition, there an ArrayCollection 'original' collection that contains all of the records. Each time a checkbox is checked or unchecked, loop then on the 'original' ArrayCollection collection, creating a new collection ArrayCollection that has only the records you want, and then you bind the DataGrid to whom.
What is the right way to go on this subject?
-Josh

Instead of creating a new collection of arraycollection, use the FilterFunction function on the original arraycollection collection.

I have a simple component on the exchange of Flex that allows to filter out people based on text matching

http://www.Adobe.com/cfusion/exchange/index.cfm?event=extensionDetail&EXTID=1414018

You should be able to copy the logic and apply it to the boxes.

Thank you

Vackar

Issues tab DataGrid

Please bear with me as I am a total newbie to Flex (my experience has always been on the side of writing Java Server and working mainly with the DB). I set up a table in DataGrid, provided several converters and editors customized for cells and load data to the grid and display it correctly. Then, when I try the tab in there, I get a few bad results.
My DataGrid has 9 columns. The first colum (0 point) is not editable or point 1. Question 2 is a TextInput rendering engine. Question 3 is a TextArea Renderer. Points 4, 5 and 6 are all encapsulatede of Spark components in an MX tag so that they display in the DataGrid control. They are all NumericStepper. Items 7 to n are all the converters TextInput. I built all renderers are encapsulated by the tags s:MXDataGridItmeRenderer components.
Since I can't edit 0 or 1, I start my cursor in 2. I change this cell and tab to the next cell. I then edit it but can't seem to get the tab to go to articles 4, 5 or 6 (my NumericStepper). The cursor will move to the next field TextInput (when it behaves in all).
I tried to force the code by adding a listener DataGridEvent and moving the slider as follows:
protected function datagridEvent(event:DataGridEvent):void {}
if(Event.Reason == DataGridEventReason.NEW_COLUMN) {}
columnIndex:int = event.columnIndex;
rowIndex:int = event.rowIndex;
movieEntryGrid.editedItemPosition (+ 1 columnIndex, rowIndex);
}}
It seems that at least my tabs running horizontally (I'll deal with the new lines then) but it still ignores the NumericStepper and only move the cursor to any editable column that is not a NumericStepper component. Can someone help me understand how to do this job?

http://ns.Adobe.com/MXML/2009.

xmlns:s = "library://ns.adobe.com/flex/spark".

xmlns:MX = "library://ns.adobe.com/flex/mx" minWidth = "955".

minHeight = "600" >

import flash.events.Event;

Import mx.controls.Alert;

Import mx.events.DataGridEvent;

Import mx.events.DataGridEventReason;

private void releaseDateFormat (object: item,)

column: DataGridColumn): String {}

Return releaseDateFormatter.format(item[column.dataField]);

}

/*

has commented in and out for debugging - doubt that this method is necessary

based on the help forum

protected function datagridEvent(event:DataGridEvent):void {}

var totalColumns:int = movieEntryGrid.columnCount;

var totalRows:int = movieEntryGrid.rowCount;

if(Event.Reason == DataGridEventReason.NEW_COLUMN) {}

var columnIndex:int = event.columnIndex;

var rowIndex:int = event.rowIndex;

movieEntryGrid.editedItemPosition (+ 1 columnIndex, rowIndex);

}

if(Event.Reason == DataGridEventReason.NEW_ROW) {}

columnIndex = event.columnIndex;

rowIndex = event.rowIndex;

implement once I have find the movement in columns...

}

}

*/

]]>

length = bitrate '1' = '1' releaseDate = "" ageRestriction = "0" size ="" / > "

length = bitrate '1' = '1' releaseDate = "" ageRestriction = "0" size ="" / > "

formatString = "YYYY/MM/DD" / >

sortableColumns = "false".

Editable = "true" fontSize = "11" >

headerText = "ID of film."

Editable = "false" / >

headerText = "name of the film.

Editable = "false" / >

headerText = "title of the film.

Editable = "true" / >

dataField = "description".

headerText = "Description of film."

Editable = "true".

rendererIsEditor = "true" >

<>

Implements = "MX.managers.IFocusManagerComponent" > "

width = "100" height = "100" focusEnabled = "true" enabled = "true" / >

headerText = "seconds."

rendererIsEditor = "true".

Editable = "true" >

Implements = "MX.managers.IFocusManagerComponent" > "

maximum = "72000.

Width = "75".

horizontalCenter = "5".

Red = "5" / >

headerText = "flow".

rendererIsEditor = "true".

Editable = "true" >

Implements = "MX.managers.IFocusManagerComponent" > "

maximum = "5000".

Width = "75".

horizontalCenter = "5".

Red = "5" / >

dataField = "release date".

headerText = "Release Date"

Editable = "true".

labelFunction = "releaseDateFormat" / >

dataField = "ageRestriction."

headerText = "Minimum age".

rendererIsEditor = "true".

Editable = "true" >

Implements = "MX.managers.IFocusManagerComponent" > "

maximum = "125".

Width = "75".

horizontalCenter = "5".

Red = "5" / >

headerText = "size in MB.

Editable = "true" / >

List of subdirectories in DataGrid

I'm trying to list the files and subdirectories in a DataGrid and when the user clicks on a content directory to the directory displayed in the DataGrid control. I got the directories in the list but cannot get them to open.








....



The listHandler is supposed to detect whether the event.target is a directory or not, and if it is to replace the contents of the DataGrid with the contents of the target.
			 Yes, it's fake.  The 'target' is always the object generating the event.  So in your event sink, you need to:
var currentFile:File = this.list.selectedItem.file as a file;

Problem to extract a large Queryspec in Datagrid:

Hi Laurent,.
Is there a maximum limit to the number of results that can be supported by DataProviderAdapter.
Because when my number of results exceeds a certain limit (200 lines) the grid behaves abnormally showing blank lines between the two or the wrong count objects in the left pane on the navigator object and when I tried to scroll down the datagrid more big of that it will be impossible shows the lines however when the size of my resultSpec is short (50 to 60 lines) it works fine.

My requirement is to understand what possible max lines I can put to retrieve and display in the DataGrid and how. ?
Is it possible to manage the script like below the screenshot. ?

This has been fixed in 5.5.

Custom (by date) in a DataGrid sort

So I have a data grid component connected to a provider of data like so:
var weekData:XML = / / some xml loaded and more soon...
var weekGrid:DataGrid = new DataGrid();
var dataProvider:DataProvider = new DataProvider();
for each {var entry: XML (in weekData)}
dp.addItem ({event:entry.title, date: FormatDate.format (new Date (entry.@startDate), 5), data:entry.@startDate});})
}
The title column, it's just what you think. The date Colum is actually a format such as may 2012 or 2013 Feb. And the "column" of data is not displayed in the dataGrid control that it is the 'key' to sort by date. It contains the getTime() value date as 1328515200000. So, who's going to date sort just a case of with the appropriate Array.DESCENDING Array.NUMERIC if necessary.
I found that if I do this:
weekGrid.dataProvider.sortOn ("data", Array.NUMERIC)
weekGrid.invalidate ();
It works and the grid is sorted - IF I have any other button to click to make this code executes.
I would like to forge with the click on the header of the grid event. As follows:
weekGrid.addEventListener (DataGridEvent.HEADER_RELEASE, sortDataGrid);
And I get the event and all, but obviously fireing off built-in sorting what happens after mine. And it is not what I want.
No idea how to stop this and allow my perferred sort taking place?

Found a smoother response.

weekGrid.addEventListener (DataGridEvent.HEADER_RELEASE, sortDataGrid);

{sortDataGrid(e:DataGridEvent):void funciton

var dg:DataGrid = e.target as DataGrid;

{if(DG.sortIndex==1)}

e.preventDefault ();

do what I want.

}

}

ToolTip in Datagrid?

The ToolTip does not appear in my datagrid. Is there a restriction that they will not be displayed if the datagrid control is a component of the?
Here is what I tried:
< cust:MyAdvancedDataGrid
ID = "dg".
Width = "100%" height = "85%".
textAlign = "center".
fontWeight = 'normal '.
dataProvider = "{model.userAASearchList}" "
selectionMode = "single-cell".
itemClick = "dg_itemClickHandler (event)" "
creationComplete = "dgCreationCompleteHandler (event)" "
accessibilityName = "Composition of the AA, DataGrid, use the arrow keys to navigate between cells" >
< cust:columns >
< mx:AdvancedDataGridColumn
ID = "name_rsp".
headerText = "name/RER.
showDataTips = "true".
dataTipField = "indvID."
itemRenderer = "gov.il.dhs.wvs.view.renderers.UserAA_NmLk_Renderer"
textAlign = "left" / >
What I wanted to do, it's when you hover over the name field that your code is displayed.

Hello

You configure item renderer for above column which is originally datatip disappear.

Try the same code without any rendering element and it would work.

If the itemrenderer you are extending up to supports the property tooltip (label or button) then you can set tooltip in itemrenderer itself.

Thank you and best regards,

Abhishek

------------------------------------------------------------------

Abhishek Chaudhary | [email protected]

Stop: + 91 712 224 5867 Ext:8358, Mob: + 91 992 358 8703

------------------------------------------------------------------

Table as columns grouped in Advanced Datagrid?

Greetings,

I have the following collection that I want to display in a datagrid advanced as hierarchical and grouped data. The year is a table inside each line that needs to be bundled with its label as HeaderText and columns under each group should be required and Completed.

[Bindable]
private var summary:ArrayCollection = new ArrayCollection([  
     {Value:"Survey ABCD", Year:[{Label:2013, Requested:10, Completed:7}, {Label:2012, Requested:10, Completed:7}, {Label:2011, Requested:10, Completed:7}], categories: [
          {Value:"D-X13", Year:[{Label:2013, Requested:10, Completed:7}, {Label:2012, Requested:10, Completed:7}, {Label:2011, Requested:10, Completed:7}],  categories:[
            {Value:"T-5432", Year:[{Label:2013, Requested:10, Completed:7}, {Label:2012, Requested:10, Completed:7}, {Label:2011, Requested:10, Completed:7}], categories:[
                 {Value:"101", Year:[{Label:2013, Requested:10, Completed:7}, {Label:2012, Requested:10, Completed:7}, {Label:2011, Requested:10, Completed:7}] },
                 {Value:"102", Year:[{Label:2013, Requested:10, Completed:7}, {Label:2012, Requested:10, Completed:7}, {Label:2011, Requested:10, Completed:7}] },
                 {Value:"103", Year:[{Label:2013, Requested:10, Completed:7}, {Label:2012, Requested:10, Completed:7}, {Label:2011, Requested:10, Completed:7}] },
                 {Value:"104", Year:[{Label:2013, Requested:10, Completed:7}, {Label:2012, Requested:10, Completed:7}, {Label:2011, Requested:10, Completed:7}] }
              ]} 
          ]}
     ]},
  
     {Value:"Survey Matrix", Year:[{Label:2013, Requested:10, Completed:7}, {Label:2012, Requested:10, Completed:7}, {Label:2011, Requested:10, Completed:7}], categories: [
          {Value:"D-X312", Year:[{Label:2013, Requested:10, Completed:7}, {Label:2012, Requested:10, Completed:7}, {Label:2011, Requested:10, Completed:7}], categories:[
               {Value:"T-1235", Year:[{Label:2013, Requested:10, Completed:7}, {Label:2012, Requested:10, Completed:7}, {Label:2011, Requested:10, Completed:7}], categories:[
                 {Value:"201",Year:[{Label:2013, Requested:10, Completed:7}, {Label:2012, Requested:10, Completed:7}, {Label:2011, Requested:10, Completed:7}]},
                 {Value:"202",Year:[{Label:2013, Requested:10, Completed:7}, {Label:2012, Requested:10, Completed:7}, {Label:2011, Requested:10, Completed:7}]},
                 {Value:"203",Year:[{Label:2013, Requested:10, Completed:7}, {Label:2012, Requested:10, Completed:7}, {Label:2011, Requested:10, Completed:7}]},
                 {Value:"204",Year:[{Label:2013, Requested:10, Completed:7}, {Label:2012, Requested:10, Completed:7}, {Label:2011, Requested:10, Completed:7}]}
              ]},
          
         {Value:"T-7652", Year:[{Label:2013, Requested:10, Completed:7}, {Label:2012, Requested:10, Completed:7}, {Label:2011, Requested:10, Completed:7}], categories:[
           {Value:"211",Year:[{Label:2013, Requested:10, Completed:7}, {Label:2012, Requested:10, Completed:7}, {Label:2011, Requested:10, Completed:7}]},
           {Value:"212",Year:[{Label:2013, Requested:10, Completed:7}, {Label:2012, Requested:10, Completed:7}, {Label:2011, Requested:10, Completed:7}]},
           {Value:"213",Year:[{Label:2013, Requested:10, Completed:7}, {Label:2012, Requested:10, Completed:7}, {Label:2011, Requested:10, Completed:7}]},
           {Value:"214",Year:[{Label:2013, Requested:10, Completed:7}, {Label:2012, Requested:10, Completed:7}, {Label:2011, Requested:10, Completed:7}]}
        ]} 
       ]}
     ]} 
  
]);

Here is my code that I have tried and it doesn't work, please help me fix. Thanks in advance.

<mx:AdvancedDataGrid id="surveyGrid"
     sortExpertMode="true"
     width="100%" height="100%">
  
                           <mx:dataProvider> 
                                        <mx:HierarchicalData source="{summary}" childrenField="categories"/>
                              </mx:dataProvider>
  
                              <mx:groupedColumns>
                                        <mx:AdvancedDataGridColumn headerText="Surveys per Value" dataField="Value"/>
                                               
                                                  <!-- this isn't as I want it -->
                                        <!--<mx:AdvancedDataGridColumnGroup headerText="2013" dataField="Year[0]">
                                                  <mx:AdvancedDataGridColumn headerText="Requested" dataField="Requested"/>
                                                  <mx:AdvancedDataGridColumn headerText="Completed" dataField="Completed"/>
                                        </mx:AdvancedDataGridColumnGroup>
  
                                        <mx:AdvancedDataGridColumnGroup headerText="2012" dataField="Year[1]">
                                                  <mx:AdvancedDataGridColumn headerText="Requested" dataField="Requested"/>
                                                  <mx:AdvancedDataGridColumn headerText="Completed" dataField="Completed"/>
                                        </mx:AdvancedDataGridColumnGroup>
  
                                        <mx:AdvancedDataGridColumnGroup headerText="2011" dataField="Year[2]">
                                                  <mx:AdvancedDataGridColumn headerText="Requested" dataField="Requested"/>
                                                  <mx:AdvancedDataGridColumn headerText="Completed" dataField="Completed"/>
                                        </mx:AdvancedDataGridColumnGroup>-->
  
                              </mx:groupedColumns> 
  
                    </mx:AdvancedDataGrid>

protected function creationCompleteHandler(event:FlexEvent):void {
  
  
                                        var columns:ArrayCollection = new ArrayCollection(surveyGrid.groupedColumns);
                                        var years:Array = summary.getItemAt(0).Year as Array;
  
                                        for each (var year:Object in years) {
  
                                                  var gridGroup:AdvancedDataGridColumnGroup = new AdvancedDataGridColumnGroup(year.Label);
  
                                                  var requested:AdvancedDataGridColumn = new AdvancedDataGridColumn("Requested");
                                                  var completed:AdvancedDataGridColumn = new AdvancedDataGridColumn("Completed"); 
  
                                                  gridGroup.children = [requested, completed]; 
                                                  columns.addItem(gridGroup); 
  
                                        }
  
                                        surveyGrid.groupedColumns = columns.toArray(); 
                              }

Best regards

Ahmed.

I am able to fix it a little weird.

On the complete creation of my application, I'm calling the next method. Where requested.dataTipField = columnIndex.toString (); stores the index of the year.

protected function creationCompleteHandler(event:FlexEvent):void {

                                        var columns:ArrayCollection = new ArrayCollection(surveyGrid.groupedColumns);                                        var years:Array = summary.getItemAt(0).Year as Array;

                                        for (var columnIndex:int = 0; columnIndex < years.length; columnIndex++) {

                                                  var year:Object = years[columnIndex];

                                                  var gridGroup:AdvancedDataGridColumnGroup = new AdvancedDataGridColumnGroup(year.Label);

                                                  var requested:AdvancedDataGridColumn = new AdvancedDataGridColumn("Requested");                                                  requested.dataTipField = columnIndex.toString();                                                  requested.itemRenderer = new ClassFactory(YearGridRenderer);

                                                  var completed:AdvancedDataGridColumn = new AdvancedDataGridColumn("Completed");                                                  completed.dataTipField = columnIndex.toString();                                                  completed.itemRenderer = new ClassFactory(YearGridRenderer);

                                                  gridGroup.children = [requested, completed];                                                   columns.addItem(gridGroup); 

                                        }

                                        surveyGrid.groupedColumns = columns.toArray();                               }

Then associate ItemRenderer did the trick.



http://ns.adobe.com/mxml/2009" 

                                                                                  xmlns:s="library://ns.adobe.com/flex/spark" 

                                                                                  xmlns:mx="library://ns.adobe.com/flex/mx" 

                                                                                  focusEnabled="true" width="100%" 

                                                                                  clipAndEnableScrolling="true">

Best regards

Ahmed.

Add numbering to datagrid

Hello everyone
I have a question, how can we add numbering of rows that are displayed in the DataGrid component IE that I load the xml file, and next to each line, I want to see his number. And if I add / deletes the line I want to see the change his number.
Thanks in advance for the help

There is an error in your logic. Copy and paste the minimum code required to demonstrate your faulty coding.

DataGrid in list!

Hi dude...
I use datagrid inside the list and I am able to bind data in the list and grid. The problem is that I can't all of the data in the DataGrid, its visible to the amount of the length of the list when displaying data in datagrid...
Thanks in advance...

If you use mx:List and DG is greater than the list, you will not

be able to see the rest of the DG, unless you wrap in the scroll bars.

Display a default Image in the case of the Image src attribute points to null

Hello
I am display pictures on DataGrid by reading an XML file.
This works very well if the src of the Image is present.
Now my question is that sometimes the src of the Image can be null, so in this case, I need to
display some default Image.
< mx:HBox id = "hBox" >
< mx:Image source="{rep.currentItem.@src}"/ >
< / mx:HBox >

< images >
< image src = "images/One.png" / > "
< src="images/Two.png"/ image >
< image src = "" / >
< / images >
Please tell me how to show a default Image in case of Image src attribute is null.
Please share your ideas on this.
Thanks in advance.

bind the source of the image to a function

then write a function to detect if an image is present

private void getImage (): String
{

If ( rep.currentItem.@src == null)

{
return "default.png";

}

on the other

{

Return rep.currentItem.@src;

}
}

Change the first column seen in the datagrid by code?

Hello
Is anyway to change the first column in a DataGrid using action script? I mean, for example, think I have 10 columns, only 3 are seen (0,1,2). I just want to have a button to change the first column view. Thus, for example, if I press it, 1.2, and third column will be those that is displayed in the datagrid control. I need to emulate the same thing that the scroll bar when you drag in a datagrid, but instead of letting the scroll bar does that automatically, I want to "scroll" datagrid manually.
Moreover, is anyway through datagrid children and hide the scrollbar manually?
Thanks in advance,
Aron.

horizontalScrollPolicy

Problems in functionality of cancellation for a datagrid

Hello
I have a datagrid that has been assigned to a collection of table variable may be related to its dataprovider, acData.
< mx:DataGrid id = "dg" x = "200" y = "81" editable = "true" dataProvider = "{acData}" >
As soon as the application is loaded, some data are stolen in acData, which in turn is displayed in the datagrid control.
acData = event.result;
I tried to create a copy of the data so that I can use it, in which case the user cancels entering data. Therefore, as soon as the data is loaded, I assigned the data to acData and also another collection of array named acBackUp.
acData = event.result;
acBackUp = event.result;
Because the DataGrid is editable, user can make changes in the datagrid control. But there is a button called 'Cancel' at the bottom. If the user clicks on this button after making a few changes in the datagrid control, I want to assign the backup collection table to acData, IE.
During the click on cancel - > acData = acBackUp;
But what I noticed, it was even before assigning back up ca to acData, acBackUp crushed with the values that have been entered in the datagrid control. He won't these old event.result values in it.
I'm doing something wrong here ? How can I store old values in a collection of table and use it to the datagrid?
pls help...
-Deepak

Hello

It looks like your berries are pointing to the result rather than being a copy of result data.

maybe try something like this

var acBackup: ArrayCollection = ObjectUtil.copy (event.result) collection;

David.

Display rowindex in datagrid

Similar Questions

Maybe you are looking for