ActionScript 3.0 :: Displaying Tabular Data (Row And Column)?
Apr 29, 2010What's a good way to display tabular (row and column) data? A TextField for every cell seems excessive, especially with lots of data and scrolling.
View 2 RepliesWhat's a good way to display tabular (row and column) data? A TextField for every cell seems excessive, especially with lots of data and scrolling.
View 2 RepliesWorking on some new projects using flash to create the entire site. Now I have some tabular data I need to present in this site, and was trying to think up ways to place the data without drawing each and every freaking table.
Obviously I could spend thousands and get macromedia flex running on our servers, but that is not viable right now....
I'm currently building an application that is presenting tabular (fetched from a webservice) data and have squirted it into a datagrid - seemed the most obvious way to present it on screen. I've now come across a few limitations in the datagrid and wonder how I might move forward. The data is logically split into groups and I would like to be able to have subheadings in the grid whenever I move to a new group. I would like to be able to highlight individual cells based on their content relative to other values in the row - ie highlight the cell with the highest value in the row. Is this possible with the standard datagrid?
View 2 RepliesIn Flex, using AdvancedDataGrid, I'm trying to achieve a drag and drop of one row's column data to another row's column or the same row but different column. Is this even possible? I've been googling for hours and all I can find are drag and drop whole columns just to rearrange their view order.
View 1 RepliesWe have a Datagrid:[code]where practiceJoinRequestThicks is an ArrayCollection of PracticeJoinRequestThick object.The PracticeJoinRequestThick has an Practice Object.Practice has an arraycollection "PracticeContactAddresses" which is an arraycollection of PracticeContactAddress object and Practice ContactAddress object has Address object which has the field city:String.Now when I try to display the City, it does not work.
View 2 RepliesThis is what i am trying to do: -User enters Array Values and Labels, it should sum up the values and will push a record i.e. Total, (Sum of Values) -Example user enters Jan, Feb, Mar in Labels and 10, 20, 30 in Values, so the out put should be
{title:Jan, data: 10}
{title:Feb, data: 20}
{title:Mar, data: 30}
{title:Total, data: 60}
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 know how to pull data from a row of an mysql db. But how do I pull the data on the same COLUMN in a MYSQL db? What do I need to send to the server side script?
E.g. The mysql holds 2 field names "COMPANY" and "CONTACT PERSON". How do I pull all the COMPANY names only?
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].....
How can I show data from two different elements in a single column? or if there is a way to combine two columns?
Like in following example just firstName is showing up. How can I display lastName with it too in the same column? [code]...
How to make a computed column in Flex datagrid? example:
<mx:DataGrid dataProvider="{ConsoleDetails}" id="datagrid">
<mx:columns>
<mx:DataGridColumn headerText="Absent Hrs" dataField="absentHrs"/>
[code].....
How dynamically add column contains checkbox to datagrid?[code]...
View 1 RepliesI want a pull out folder-style menu that scrolls out WITH the content as well. When one tab is out and another is clicked, I want the tab thats no longer used to close itself.
View 3 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 an editable column in a datagrid. How do i copy the contents of that column into an array? The dataprovider for the datagrid is an array
View 3 RepliesIs there a way to check if flex datagrid column is empty or not? I tried to search for a DataGridColumn that would allow me to that but I couldn't find any.
View 1 RepliesI want to know which header the user clicked on to give the currently sorted view. Is there an API in flex framework that I can use to achieve this? Hopefully I can get back a column index so I know how it is currently sorted.
View 1 RepliesLooking for some ideas, strategies, tools, etc. on creating reports from Flash Builder / Flex 4. I have a flex application that allows create/read/update/delete of client information from a back-end database. It uses web services (zend amf -> mongo db or mysql). I already have the client data IN flex via the web service as a collection for example. A user requests the ability to generate a report - to display a list of clients under a certain age in a tabular excel style grid (datagrid most likely).
It will be sorted and subtotaled by a demographic such as "insurance type". Ideally the user would like to be able to select the insurance types allowed on the report (or in the datagrid/pivot table). I know one option would be to present the user with a series of check boxes or a multi-select list to choose the insurance types. Then, present them with a data grid or advanced data grid component to display the 'report'. What other techniques, options or components are available / have people used?
I've got a DataGrid in my mobile application (I know, I know but there's currently not other solution for this), that numeric values. Depending on the value of a cell, the text gets colored. My big issue is that this doesn't work very for more than about 5 rows of data. I reckon the issue is that the set text function (in which I format the color) can't keep up with the amount of cell changes and formats the text based on the last updated cell of the row.I thought about a column item renderer so that the renderer only gets the value for that column, and not the whole data of the row.
Just for reference, this is my current item renderer (again, this works fine for few rows, for 5+ of fast changing data, this doesn't work any more, cells get formatted even though their data hasn't changed).[code]I just double-checked and have to revert my previous statement. A single row works fine, the second row already messes up the color formatting though. It seems as if the datagrid somehow throws together the values.
Doing the color formatting in the set data method shows the exact same effect;[code]My assumption about the grid messing up the ItemRenderer's data seems to be correct.A simple trace in the set data method (trace("old: " + _oldVal + "new : " + value[column.dataField]);) revealed that somehow, values of the next grid row (in case there are 2) get used as well as _oldVal gets the old value of the next row.
Does anybody tried Dynamic column grouping using Hirarchical/tree data structure in Flex advanced datagrid ? is it possible to create a column header dynamically and so the datagrid column with using certain datafield using dataprovider dat.
View 1 RepliesI have a Flex 4, mx:DataGrid with the following (pertinent) properties set:
width="100%"horizontalScrollPolicy="off"
I have the minWidth set on all of the DataGridColumns and the width set on one of them. If I simply maximize/minimize the display (in browser or stand-alone flash player) of the application, the columns scale up and down nicely. But if you grab the edge of the application and drag it to make it bigger, only one column grows really big. When you drag the size down again, the one column remains big, but all of the other columns get squished way down.
I want to know column index of header in AdvancedDataGrid when a user clicks on header - either left click or right click.
View 1 RepliesI have grabbed out the namedpair from php and the output from php is as follows:[code]But when i run, the output windows shows undefined for all my variables. I can display out my variables if I just use this.MuscleDesc0, this.Name0, this.ExID0 and output window will show the first set of variable which is Bicep, Bench Press, 2 respectively.But when I used the for loop, its all undefined. Is it something wrong with my for loop declaration? Can someone tell me how i can amend my for loop to display it?
View 1 RepliesIs there a way to show data in flash rather than using the components? Something like name and date of birth in a table format somewhat. I'm trying to get something like the datagrid, but somehow I can't style it the way I want to. So, I'm kinda looking at other methods.
View 1 Repliesbelow is the code I am using for my PHP script and my AS3 function which I am testing my PHP script is printing the following:
Code:
foo=bar&id_0=1&xfrom_1=100.00&yfrom_2=100.00&xto_3=200.00&yto_4=200.00&xcurrent_5=100.00&ycurrent_6=100.00&typeid_7=1&userid_8=1&date_9=2010-10-
[code].....
I have grabbed out the namedpair from php and the output from php is as follows:
MuscleDesc0=Bicep&Name0=Bench Press&ExID0=2&MuscleDesc1=Bicep&Name1=Bicep Curl&ExID1=1&MuscleDesc2=Bicep&Name2=Crunches&ExID 2=20&MuscleDesc3=Bicep&Name3=Desmond&ExID3=21&Musc leDesc4=Bicep&Name4=Hill
[code].....
i did a function the captures the stage and save it to bitmap datai want to display that bitmap data on a different frame what code should i do (the bitmap changes becuse the capture function triggerd alot);
View 3 RepliesI have a custom dataGrid that acts more like a 2D list (if that makes sense at all). I am dynamically creating the columns and recreating the dataProvider to suit my needs. While debugging I can see that I am creating the columns and setting them to the dataGrid and creating and setting the dataProvider, but for some reason I am able to see the dataGrid and the columns but not the data.
[Bindable]
private var mockData:ArrayCollection = new ArrayCollection([
{value: "425341*"},
{value: "425341*"},
[Code]....
I have a Android Air project written in AS3, when the project starts I am loading the music and loading the XML file to be parsed. In the first frame I call my classes to parse the XML and set the nodes at strings, and to play the audio, these both work fine. Also in my first frame I am declaring some textfields to input the data from the XML file so that when the user enters frame 3 the user is able to see this data from the XML file. This also works fine. The problem I am having is going between frame 4 and back to frame 3, the data in the textfields disapears? I trace the strings from the XML class that are holding the data and these values appear everytime, but going from frame 3 to frame 4 and back to frame 3 wipes out the textfield display?
Ok here is some code from frame one where I am declaring the textfields
var name1TextField:TextField = new TextField();
var name2TextField:TextField = new TextField();
var format:TextFormat = new TextFormat();
[Code].....
Previously above I had stated that I am calling the audio class and the xml class from the first frame, declaring the text fields and moving on from there. Now I have decided that since this XML file is a list of scores and coded be always changing, I thought it would be good to load and parse this file everytime I enter frame 3. The same thing is still happening, I have my scores display and then when I go to frame 4 and back to frame three, the scores do not display, but when I trace the data from the class, it displays properly.