Display rowindex in datagrid
Hi,
Just started with Flex, so at the risk of asking a
ridiculously simple question: how do I display the rowindex in a
datagrid?
My datagrid is filled using a dataProvider that points to an
xml object. All fields in the object get filled in the various
columns in the grid. However, there are no row numbers in the xml
object, so I wanted to dynamically fill those using a labelFunction
or something like it. No luck however.
To make things more clear, this is what I want:
colA | colB | colC
1 | valueX | value1
2 | valueY | value2
3 | valueZ | value3
ColA is not present in the xml object, so how do I create it?
Thanks,
Ruud
labelFunction(item:Object, column:DataGridColumn):String
var index:int = myDataProvider.getItemIndex(item) + 1;
return index.toString();
}
Similar Messages
-
Display image in datagrid column
I have a datagrid with a column that displays true or false
if an item "has children" or not. How would I go about placing an
image in the column depending on the value of the column. I want to
have two different images one for false and one for true.make your item renderer a canvas, with 2 images.
when your canvas loads, you have the 'data' of that cell. So
lets say your column's datafield is "hasimage", you can do
something like this:
<mx:Canvas xmlns:mx="
http://www.adobe.com/2006/mxml"
creationComplete="created();">
override public function set data(value:Object):void
if(value != null)
super.data = value;
public function created():void
if(data["hasimage"] == "true")
trueImg.visible = true;
else
falseImg.visible = true;
<mx:Image id="trueImg" src="image" visible="false" />
<mx:Image id="falseImg" src="image" visible="false" />
</mx:Canvas> -
Hi All,
After fiddling this for almost a week, I finally come in seek
of assistance and advice. let me explain my requirement as clearly
as I possibly can. before you even proceed further, please make
sure you a aware of the following:
importing xml into flash
usnig the XPathApi
using datasets and Datagrids
Summary
I have a complex XML file (refer link below) that is
generated from a database. my client wants these generated data to
be displayed in a presentable format so that any visitor using this
application can instantly get the data by querying into the XML
File.
I tried doing this with XML and XSLT i was able to display
the data in a presentable format. but I faced an issue. I was
unable to place a form text field and a submit button, so that the
user gets the freedom to filter the data that he needs.
So I seeked some advice on this topic at US and I was
suggested to use XPathApi, after reading the documentation and some
fiddling, I found a way to extract the data that i was supposed to
retrieve. but now I face a new problem. since the XML is a bit
complicating (for me at least). I found difficulties in displaying
the extracted data to the data grid.
I have attached the flash source file (v8) and (some what
similar) the XML files for your reference. would appreciate if
someone could help me achieve the objective. if you think there is
another alternative to XPathApi, I willing to try it out.
Try-out
Currently the retrieval of the data is working perfectly, for
example you can perform a query to list all the books that were
published by 'Wrox' by entering the query in the text field, you
will see the results in the "Trace" window.
Source
TIA"lerogke" <[email protected]> wrote in
message
news:go8i77$8og$[email protected]..
> Hi again,
>
> i could resolve something, using labelfunction like
this:
>
> private function getValue(item:Object,
column:DataGridColumn):String{
> return item.params.param.@value;
> }
>
> This functions gives me all the values of the params but
consecutive
> without
> any space between them.
>
> How could i look around each param to put space or some
text between them
> to
> display in Datagrid?
for each (param in
item.child('params').child('param').attribute('value)){
//stuff -
Hi,
I need to display an image over the Datagrid exactly centered horizontally and vertically. The Datagrid can be of different height and width at different instances. Is there a way to achieve this?
I used backgroundImage style property, however the image goes behind the datagrid content. I wish, there was a foregroundImage property which could have served my purpose.
Please suggest.
Thanks,
UmaI would use a group and keep them seperate
remember the z index is dependent in the order you create them in mxml -
Handle Received data of Multiple TCP clients on TCP Server by displaying them into Datagrid
Hello All,
I have developed a C# based TCP server GUI application which is accepting the data from multiple TCP clients on TCP server.
The data i am receiving from TCP clients is a 32 bit data. In my application multiple TCP client data goes like this:
00012331100025123000124510321562
01112563110002512456012451032125 and so on...
Now i want those data of the TCP clients to be parsed into 4 bits first and display it in 8 columns (32/4=8) of (say) datagrid as each 4 bit represents some characteristics of the TCP client. The same thing
should work for next TCP client on second row of datagrid.
Can you give me some suggestion or an example how to go about this? Any help would be appreciated.
Thank you in advance.
Here is my code for receiving data from multiple TCP clients.
void m_Terminal_MessageRecived(Socket socket, byte[] buffer)
string message = ConvertBytesToString(buffer, buffer.Length);
PublishMessage(listMessages, string.Format("Sockets: {0}", message));
// Send Echo
// m_ServerTerminal.DistributeMessage(buffer);
private string ConvertBytesToString(byte[] bytes, int iRx)
char[] chars = new char[iRx + 1];
System.Text.Decoder d = System.Text.Encoding.UTF8.GetDecoder();
d.GetChars(bytes, 0, iRx, chars, 0);
string szData = new string(chars);
return szData;Now i want those data of the TCP clients to be parsed into 4 bits first and display it in 8 columns (32/4=8) of (say) datagrid as each 4 bit represents some characteristics of the TCP client. The same thing
should work for next TCP client on second row of datagrid
If mean it's a Windows Forms application and you want to display those bits in a DataGridView control, then please see these threads:
Add row to datagridview
Programmatically add new row to DataGridView
We are trying to better understand customer views on social support experience, so your participation in this interview project would be greatly appreciated if you have time. Thanks for helping make community forums a great place.
Click
HERE to participate the survey. -
About the column display index of datagrid
i need do a customize datagrid, but seems hard to save the
display index of the grid column after the user drag and drop one
column to another postion. What i need is catch the event after
column drag and record that into database, and when reload based on
the record , resort that column display index as saved before, how
to get thatthat was i already did before, now even the all columns and
match datafied are dynamic, my question is
when after render all columns , dray a column a from right to
left , after that i can not catch that column display index
in the grid view, the real index in columns of grid is still
remain same , i want catch the dray column event and
get the display index(not the index of columns, but the order
which that column display in the view) and after reload
, i can show those colomns in right order as saved
before -
Hello, I am very new to flex and don't have a programming background. I am trying to create an air app with flex that looks at a folder on the users desktop where csv files will be dropped by the user. In the air app the user will be able to browse and look for a specific csv file in a list container, once selected the information from that file should be displayed in a datagrid bellow. Finally i will be using Alive PDF to create a pdf from the information in this datagrid laid out in an invoice format. Bellow is the source code for my app as a visual refference, it only has the containers with no working code. I have also attached a sample csv file so you can see what i am working with. Can this be done? How do i do this? Please help.
<?xml version="1.0" encoding="utf-8"?>
<mx:WindowedApplication xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" width="794" height="666">
<mx:Label x="280" y="19" text="1. Select Purchase Order"/>
<mx:List y="45" width="232" horizontalCenter="0"></mx:List>
<mx:Label x="158" y="242" text="2. Verify Information"/>
<mx:DataGrid y="268" height="297" horizontalCenter="0" width="476">
<mx:columns>
<mx:DataGridColumn headerText="Column 1" dataField="col1"/>
<mx:DataGridColumn headerText="Column 2" dataField="col2"/>
<mx:DataGridColumn headerText="Column 3" dataField="col3"/>
</mx:columns>
</mx:DataGrid>
<mx:Label x="355" y="606" text="3. Generated PDF"/>
<mx:Button label="Click Here" horizontalCenter="0" verticalCenter="311"/>
</mx:WindowedApplication>Open the file, parse it, populate an ArrayCollection or XMLListCollection, and make the collection the DataGrid dataProvider:
http://livedocs.adobe.com/flex/3/html/help.html?content=Filesystem_08.html
http://livedocs.adobe.com/flex/3/html/help.html?content=12_Using_Regular_Expressions_01.ht ml
http://livedocs.adobe.com/flex/3/html/help.html?content=dpcontrols_6.html
http://livedocs.adobe.com/flex/3/langref/mx/collections/ArrayCollection.html
http://livedocs.adobe.com/flex/3/langref/mx/collections/XMLListCollection.html
If this post answered your question or helped, please mark it as such. -
Is there a way to display a "loading screen" for dataGrid?
Hi All,
I have a dataGrid that is loading a lot of data and it takes a good 5 seconds before all the data is loaded and displayed into the dataGrid. I would like to show a loading screen that has a nice little loader animation when the data is being downloaded and processed by the dataGrid.
I was looking at possible events that the dataGrid dispatches that might help me but I am unsure of which ones to use. Can anyone give me a pointer please?
Thanks,
ColinWhat is slow? Fetching the data, post-processing it on the client, or rendering it?
If it's the fetch or pre-processing, you can put up a simple loading screen overlay by using rawChildren (I believe). We do something similar.
If it's rendering, Flash Player is already busy rendering--it won't have time to render an additional loading screen. But you should not be spending that much time rendering anyway.
The events you need to react to will depend on where the slowdown occurrs. -
Hi,
I created an Flex application connecting a database via
Coldfusion. The query result returned a binary data field (image)
stored in a database. How can I get this Image displayed in the a
datagrid. I tried the following 3 ways but don't see any image
displayed into the datagrid :
<mx:DataGrid dataProvider="{qResult}" width="100%"
height="100%">
<mx:columns>
<mx:Array>
<mx:DataGridColumn dataField="PIC_ICONE"
headerText="{resourceManager.getString(RB_LABELS,
'admn.manageIcons')}"
/>
<mx:DataGridColumn dataField="PIC_ICONE"
headerText="{resourceManager.getString(RB_LABELS,
'admn.manageIcons')}"
textAlign="center"
itemRenderer="mx.controls.Image"
/>
<mx:DataGridColumn dataField="PIC_ICONE"
headerText="{resourceManager.getString(RB_LABELS,
'admn.manageIcons')}"
textAlign="center"
itemRenderer="component.ImageRenderer"
/>
</mx:Array>
</mx:columns>
</mx:DataGrid>
<?xml version="1.0" encoding="utf-8"?>
<mx:VBox
xmlns:mx="
http://www.adobe.com/2006/mxml"
horizontalAlign="center" verticalAlign="middle"
width="100%" height="140"
>
<mx:Script>
<![CDATA[
import mx.controls.Image;
]]>
</mx:Script>
<mx:Image source="{new Bitmap(data.PIC_ICONE)}"/>
</mx:VBox>
Could someone help me to solve this problem.if the image is transposed (upside down and inverted) just pass your array through the array transpose before you send it to the intensity map, if it is just upsidedown you can do a for loop wnd index each column, reverse the column and rebuild the array.
Paul
Paul Falkenstein
Coleman Technologies Inc.
CLA, CPI, AIA-Vision
Labview 4.0- 2013, RT, Vision, FPGA -
I'm testing a component with an editable DataGrid with custom item renderers. I wanted to use a sequence to simulate the user modifying a cell in the datagrid, but to be able to do that, I have to first make sure all the visible renders have been added and drawn. I've tried waiting for creationComplete and show but both of those events can potentially be dispatched before the renderers are added. Is there any event I can listen for in my test that will guarantee all the renderers have been drawn and displayed for the visible section of the datagrid?
Yes, but if you combine that with other methods you can get where you need to go.
var renderer:IListItemRenderer = dataGrid.itemToItemRenderer ( dataObjectToFind );
if(renderer)
var rowIndex:int = dataGrid.itemRendererToIndex( renderer );
var colIndex:int = columnDataFieldToIndex( dataFieldToFind );
// index null checks..
dataGrid.editedItemPosition = {columnIndex: colIndex, rowIndex: rowIndex };
Here is a example method for finding your column index for a datafield.
public function columnDataFieldToIndex ( dataField:String ) : int
var colIndex : int;
for each (var column:AdvancedDataGridColumn in columns)
if(column.dataField == dataField)
colIndex = columns.indexOf( column );
break;
return colIndex;
Hope that helps. -
Hi all,
I have a problem. pls help me. I have a Datagrid. I am using
ItemRenderer for displaying an image. Based on user interaction
that image should be changed. Now I can change the image. But it is
affecting the whole datagrid clolumn which contains the
itemrenderer.
I have to change only the selected row's image. How can I
access selected row Itemrenderer?
Pls help me soon.
Thanks in advanceprivate function itemClickEvent(event:ListEvent):void {
trace(event.columnIndex);
trace(event.rowIndex);
<mx:DataGrid id="myGrid" width="350" height="150"
itemClick="itemClickEvent(event);" /> -
Please bear with me as I'm a total newbie to Flex (my experience has always been on the server side writing Java and working with the DB primarily). I have implemented a DataGrid table, provided several custom Renderers and Editors for the cells and loaded data to the grid and displayed it successfully. Then, when I try tabbing in it, I get some bad results.
My DataGrid has 9 columns. The first colum (item 0) is not editable nor is item 1. Item 2 is a TextInput Renderer. Item 3 is a TextArea Renderer. Items 4, 5, and 6 are all Spark components encapsulatede in an MX tag so that they display in the DataGrid. They are all NumericSteppers. Items 7 to n are all TextInput Renderers. All Renderers I've built are in components wrapped by the s:MXDataGridItmeRenderer tags.
Since I can't edit 0 or 1, I start my cursor in 2. I edit that cell and tab to the next cell. I then edit that but can't seem to get the tab to go to item 4, 5 or 6 (my numericsteppers). The cursor skips to the next TextInput field (when it behaves at all).
I tried forcing the code by adding a DataGridEvent Listener and moving the cursor as follows:
protected function datagridEvent(event:DataGridEvent):void {
if(event.reason == DataGridEventReason.NEW_COLUMN) {
columnIndex:int = event.columnIndex;
rowIndex:int = event.rowIndex;
movieEntryGrid.editedItemPosition(columnIndex + 1, rowIndex);
That seems to ensure that at least my tabs run horizontally (I'll deal with new rows next) but it still skips the NumericSteppers and only moves the cursor to any editable column that is not a NumericStepper. Can someone help me understand how to make this work?Sorry. I thought I had provided what you asked for. Thanks for your help. After much fiddling, here's the entire code for the DataGrid.
<?xml version="1.0" encoding="utf-8"?>
<s:Group xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:mx="library://ns.adobe.com/flex/mx">
<fx:Script>
<![CDATA[
import flash.events.Event;
import mx.controls.Alert;
import mx.events.DataGridEvent;
import mx.events.DataGridEventReason;
private function releaseDateFormat(item:Object, column:DataGridColumn):String {
return releaseDateFormatter.format(item[column.dataField]);
commented in and out for debugging - doubt this method is needed based on forum help
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(columnIndex + 1, rowIndex);
if(event.reason == DataGridEventReason.NEW_ROW) {
columnIndex = event.columnIndex;
rowIndex = event.rowIndex;
//implement once I figure out the movement in columns...
]]>
</fx:Script>
<fx:Declarations>
<!-- Temp data object until I load the xml from server via SOAP call -->
<s:ArrayCollection id="arrayCollection">
<s:source>
<fx:Array>
<fx:Object name="01234.mp4" title="" description="" length="1" bitrate="1" releaseDate="" ageRestriction="0" size=""/>
<fx:Object name="43210.mp4" title="" description="" length="1" bitrate="1" releaseDate="" ageRestriction="0" size=""/>
</fx:Array>
</s:source>
</s:ArrayCollection>
<mx:DateFormatter id="releaseDateFormatter"
formatString="YYYY/MM/DD"/>
</fx:Declarations>
<s:layout>
<s:VerticalLayout/>
</s:layout>
<s:Label text="Video Data" styleName="addHeader"/>
<mx:DataGrid id="movieEntryGrid" dataProvider="{arrayCollection}"
sortableColumns="false"
editable="true" fontSize="11">
<mx:columns>
<mx:DataGridColumn id="idColumn" dataField="id"
headerText="Movie ID"
editable="false"/>
<mx:DataGridColumn id="nameColumn" dataField="name"
headerText="Movie Name"
editable="false"/>
<mx:DataGridColumn id="titleColumn" dataField="title"
headerText="Movie Title"
editable="true" />
<mx:DataGridColumn id="descriptionColumn" dataField="description"
headerText="Movie Description"
editable="true"
itemRenderer="tv.socialkast.upload.DescriptionRenderer"
rendererIsEditor="true" />
<mx:DataGridColumn id="durationColumn" dataField="length"
headerText="Seconds"
rendererIsEditor="true"
editable="true">
<mx:itemRenderer>
<fx:Component>
<s:MXDataGridItemRenderer height="100">
<s:NumericStepper id="secStepper" minimum="1" maximum="72000"
width="75"
horizontalCenter="5"
verticalCenter="5"/>
</s:MXDataGridItemRenderer>
</fx:Component>
</mx:itemRenderer>
</mx:DataGridColumn>
<mx:DataGridColumn id="bitColumn" dataField="bitrate"
headerText="Bit Rate"
rendererIsEditor="true"
editable="true">
<mx:itemRenderer>
<fx:Component>
<s:MXDataGridItemRenderer height="100">
<s:NumericStepper id="bitStepper" minimum="1" maximum="5000"
width="75"
horizontalCenter="5"
verticalCenter="5"/>
</s:MXDataGridItemRenderer>
</fx:Component>
</mx:itemRenderer>
</mx:DataGridColumn>
<mx:DataGridColumn id="releaseDateColumn" dataField="releaseDate"
headerText="Release Date"
editable="true"
labelFunction="releaseDateFormat"/>
<mx:DataGridColumn id="ageRestrictColumn" dataField="ageRestriction"
headerText="Minimum Age"
rendererIsEditor="true"
editable="true">
<mx:itemRenderer>
<fx:Component>
<s:MXDataGridItemRenderer height="100">
<s:NumericStepper id="ageStepper" minimum="1" maximum="125"
width="75"
horizontalCenter="5"
verticalCenter="5"/>
</s:MXDataGridItemRenderer>
</fx:Component>
</mx:itemRenderer>
</mx:DataGridColumn>
<mx:DataGridColumn id="sizeColumn" dataField="size"
headerText="Size in MB"
editable="true"/>
</mx:columns>
</mx:DataGrid>
</s:Group>
I have removed all TextInput custom Renderers, leaving only the inline Renderers you see here plus one custom Renderer (below) until I get this tabbing and editing function working. This is "DescriptionRenderer.mxml":
<?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"
xmlns:mx="library://ns.adobe.com/flex/mx"
focusEnabled="true">
<s:TextArea id="editor" editable="true" width="100" height="100" focusEnabled="true" enabled="true"/>
</s:MXDataGridItemRenderer> -
No Display of Results in Data Grid
I have the following code. The logger shows that the
connection to the remote service t is successful. If I dump the
results of the CFC I get the data I'm looking for. I haven't done
this in a while. Any ideas on why I'm not getting results in the
datagrid?
Thanks.
//Import Stuff
import mx.remoting.*;
import mx.rpc.*;
import mx.services.Log;
//Data type the components
var name_txt:mx.controls.TextArea;
var myGrid_dg:mx.controls.DataGrid;
//Remoting Stuff
mx.remoting.debug.NetDebug.initialize();
var myLogger:Log = new Log( Log.DEBUG, "logger1" );
//override the default log handler
myLogger.onLog = function(message:String):Void{
trace("myLogger: " + message);
//Create the service
myService = new Service("
http://localhost/flashservices/gateway",myLogger,"Phonebook.CFC.phoneData",null,null);
//Hander for results
function onGetData(msg:ResultEvent){
mx.remoting.debug.NetDebug.trace({level:"Debug",message:"onGetData"
myGrid_dg.dataProvider = msg;
//Handler for errors
function onDataFault(rs: FaultEvent){
mx.remoting.debug.NetDebug.trace({level:"None",
message:"Oops!: " + fault.fault.faultstring });
var pc:PendingCall = myService.getNetworkUsers;
pc.responder = new RelayResponder(this._parent, "onGetData",
"onDataFault");Perhaps you should be taking the data into a RecordSet object
which is displayed by the datagrid very easily. -
How to display a text in a string as a link??
Hi All,
I am displaying a string in one of the column in my datagrid. I have to search for a specific text in the string and if it is there i have to display it as a link/linkbutton/button or anything which user can click.
E.g
String displayed in the datagrid column is "My Name is Pratik" and if text "Pratik" is found, i have to display "Pratik" as a link which user can click.
How can i achieve this??
ThanksIf you want your text to be read-only, you can use the RichText component instead of TextArea. Search for Text Layout Framework for more info on how to mark up your text.
-
Need help adding image to datagrid column
Hi,
Can anyone tell me how to add an image to a datagrid column?
I have created a flex library project which contains a mxml component with a datagrid, an item renderer mxml component which rendered the image within the datagrid column depending on the value coming back from the database for that column and a folder 'assets' which hold all the images. When I add the library to my main project and call the mxml component with the datagrid an image place holder is visible in the datagrid column but not the image. However, if I take the image out of the library project and added to an 'assets' folder in the main project the image is displayed in the datagrid column.
It looks like, even though the images are in the flex library project and only the flex library project is trying to display the images in the datagrid, the library project is looking in the main application project folder for the image.
Does anyone know why this is happening and how to fix it?
Thanks in advance for an help,
Xander.I have tried embedding the images in my library but it still didn't work. Also I can't embed the image as I'm using the value of the column to complete the image name, for example in my mxml item renderer component I have the added the following code
<mx:Image source="@Embed(source='assets/' + data.mycolumnvalue + '.png')" tooltip="{data.mycolumnvalue}"/>
but nothing is displayed.
Maybe you are looking for
-
Transfer pricing between the same plant
Our multimational client has desired, transfer pricing between the profit centres. The profit centres have been designed as a combination of product lines and plant. My first query is that whether it is possible to have Transfer pricing in the same p
-
I have an external hardrive with my itunes library on it Itunes works perfectly with it, however I cannot get frontrow to use the drive I have tried creating an alias of the entire itunes folder draggin that across but nothing. I have tried creating
-
Enable/disable second monitor Mavericks - only software solution.
I am looking for a way to disable a second monitor (plugged into the Display Port of a 2011 Mac mini) without unplugging it. Does anyone know of a software solution? When I am working I like that second monitor for desktop space, but other times (wat
-
Help, how to make a program type in a command in command prompt?
I've got a small code that only works if you type in something like this (assume that the .java file is smallcode.java): c:\>java smallcode filename.dcm on the other hand, in my main program I have a if else ladder that I want to fit in this code, wh
-
Hi all, I copied SAP standard report RSNASTED. Then I assigned the copy as IDOC processing program to an output type. Once I'm creating that output message I got an 'A' error because the internal table for the IDOC data (type EDIDD) is empty. After t