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).
View 1 Replies
Similar Posts:
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?
View 2 Replies
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.
View 2 Replies
Jun 2, 2011
Can i have a datagrid that displays data vertically instead of horizontally?for example, if this is my dataprovider:
array('firstname':'John','lastname':'Doe'),
array('firstname':'Jack','lastname':'Jill')
I want the data to be displayed like this :
Fields Value1 Value2
Firstname John Jack
Lastname Doe Jill
and so on .... whats the best way to achieve this .. If i have to extend the datagrid component.
View 1 Replies
Dec 14, 2009
I have a very strange problem in a Flex 3.4 Datagrid. One of the columns is a ComboBox - I have my own custom renderer for the ComboBox. I use it to select my data and then make a "save" to the db. Upon return the comboBox loses its value. Even stranger is that when I scroll the datagrid area to the left (by moving scrollbar right) - the values in the ComboBox change!! When I scroll the datagrid right (by moving the scrollbar left) - the values in the ComboBox don't change.
View 2 Replies
May 2, 2011
i want to implement paging in flex datagrid, i am using this code. In Asp.net we can implement paging by setting property of datagrid, is there any such property for flex datagrid?
View 2 Replies
Dec 30, 2009
I want the Flex DataGrid to implement a drilldown effect. The data to the DataGrid is obtained from an XML file.
View 1 Replies
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]....
View 1 Replies
Aug 15, 2010
There are three methods: loadvars, xml and flash remoting. I have a great tutorial from Lee Brimlow but he only passes one column into a listbox. I want various columns passed into a datagrid.
I'm not too sure how to amend the php code
<?PHP
$link = mysql_connect("Localhost","user","password");
mysql_select_db("cambridgekidsdb");
$query = 'SELECT * FROM trivia_user';
$results = mysql_query($query);
[Code] .....
I'm almost there and this will be fundamental to my website as I can create important stats on hundreds of children.
View 11 Replies
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.
View 1 Replies
Oct 18, 2010
I have just updated my site and added the AS3 datagrid tutorial where I populate the datagrid using a PHP script and a MySQL database.
View 1 Replies
Mar 10, 2012
I want to create a flash site where I have a long horizontal movie clip split into about five sections, each about 960px wide. The effect I want to achieve is when the user clicks on the button it will scroll horizontally to the specific section of the flash project. For example, if your on the home page and you click on the contact the movieclip will tween to the right until it reached the contact section of the long movieclip. And I also want it where if the user clicks on the home it'll scroll back to the home page. I can't seem to accomplish. I tried positioning with the x property and move right so many pixels. I'm thinking about setting like some coordinates or some kinds of reference points so when the button is clicked it will go to those specific points in the stage.
View 1 Replies
May 31, 2011
I tried making a multidimensional Vector that was populated by other Vectors that are populated by Strings.
ActionScript Code:
var myVect:Vector = new Vector.<Vector>;
for (i = 0; i < 10; i++)
{
myVect[i] = new Vector.<String>;
}
This is giving me a Type Coercion error, even though the Vectors all have the correct object types in them. Is the error because I'm putting a Vector full of Strings into another Vector?Also, I'm working with large amounts of data, so using Arrays aren't an option because I need all the performance I can get.
View 3 Replies
Oct 28, 2011
I've set a DataGrid to display all the rows in the data provider by binding it to the height of the control.Now that all rows are rendered, I want the DataGrid to grow horizontally so that every column renders the whole text (of Labels).Is there a way of doing this without resorting to a typical object?
View 1 Replies
Jun 10, 2007
I want to have some sort of a list, which will contain movieclips (or thumbnails) ... is this possible to implement using the List component or DataGrid component?
View 1 Replies
Feb 7, 2007
I have a image of burlap @ 500 width x 430 height. I need to tile this as my entire background for my full screen flash site. flip the image horizontally for every other placement horizontally, and then i need it to flip vertically for every other Vertical placement. So the image only looks seamless if i do this. I have a illustration below to help show what i mean.
[Code]....
View 2 Replies
Sep 6, 2010
I am trying to access a .Net service which requires an authentication header. If WebService is used it works fine. But when it is accessed using HTTPService it throws error. The project is already done by somebody else using HTTPService. Now changing to webService requires some time since there needs to be modification in a lot of files.
Below is the SOAP envelop required by the service.
[Code]...
View 1 Replies
Apr 18, 2011
I dont want to make hboxes with labels and all for static headers in tile list... IS there a shortway to put column headers in a tile list in flex easily?
View 1 Replies
May 12, 2010
I've some components with dynamic heights. They have to be aligned with respect to the bottom of my canvas container, so I cannot set the same y for all components.
I could compute their heights and successively set the y but I was wondering if there was an easier way to do it.
View 2 Replies
Jun 16, 2009
I am in the process of writing an application in Flex 3.3, using the Cairngorm framework, for deployment as an AIR application. The application heavily utilizes RemoteObject services to get data from a web server.Each of my service delegates extends a common class which provides a method for calling service methods on the RemoteObject.So, where I previously usedServiceLocator.getInstance().getRemoteObject('myService').myOperation.send();I instead usethis.send('myOperation', 'myService');I use this method instead of calling the RemoteObject operations directly because this method adds another, global, responder to the operation call. This extra responder analyses data in the headers of reponse from the server.
Or at least it should -- this is where the problem is. In the result data (event as mx.rpc.events.ResultEvent) the headers property is always null despite the headers definitely being sent from the server.
View 1 Replies
Nov 12, 2009
I've searched the web but i'm not getting itThis is my flex code:
private function callWS():void{
var ws:WebService = new WebService();
//changed this
[code].....
View 1 Replies
Nov 22, 2009
I am trying to use the Quickbase API (see reference below) with a POST. I am having trouble forming it; specifically, I am clueless as to how to format the header (headers=""). I think the XML Payload is correct, but who knows.
Quickbase API reference:
Example XML Request
POST /db/6c5xatxy HTTP/1.0
Content-Type: application/xml
Content-Length: 88
QUICKBASE-ACTION: API_GetRecordInfo
[Code] .....
View 1 Replies
Dec 17, 2010
Is it possible to create Accordion with only the headers without adding any containers in it? Is there a way so that I can just create the Accordion with three sections with only labels?
View 2 Replies
Aug 6, 2009
I am looking into achieving below two features in a flex grid( or advanced grid).
1. merge column headers ( as in group just the cells in the header row ).
2. add multiple ( say 2 ) headers to the grid.
View 2 Replies
Feb 19, 2010
I am using Flex 3 (ActionScript 3.0). I use the HTTP progressive download to play sound files. I want to secure the sound files, by only serving them when the request comes from my flex app. I chose the simplest solution of adding a HTTP header to each request send from the app. But flash.media.Sound object ignores the headers set in flash.net.URLRequest. Here's an example,
URLRequest sndFile = new URLRequest("http://blah.com/media/load_sound.php");
sndFile.requestHeaders = new Array(new URLRequestHeader("req-orgin", "myflexapp"));
Sound snd = new Sound(sndFile);
snd.play();
The value of req-origin comes as null in load_sound.php. When i inspect the request using Firebug, the request headers to [URL] doesn't contain the header.
View 1 Replies
Apr 18, 2010
I cannot center the components in my VBox. I would like to set the standard css element "align: center". How can I do that in Flex ?
<mx:VBox>
<mx:LinkButton label="Tag1" />
<mx:Image source="@Embed(source='../icons/userIcon.png')" />
<mx:Label id="username" text="Nickname" visible="false" fontWeight="bold" />
</mx:VBox>
View 1 Replies
Dec 5, 2011
Possible Duplicate: How to merge cells in DataGrid/AdvancedDataGrid in Adobe Flex I want to do something as Office Excel with Flex, such as merging cells. How do I do it ?
View 1 Replies
Feb 14, 2010
I've added an eventListener to the COLLECTION_CHANGE event that is fired when the grid is finished resorting the items in its dataProvider, after the user clicks on a column header:MyType (myDataGrid.dataProvider).addEventListener(CollectionEvent.COLLECTION_CHANGE,onDataGridResort);
View 1 Replies
Mar 15, 2010
I am working on a problem since a week soon, but I still couldn't make it work as expected. I have a DataGrid which has HBox with a CheckBox an a Label as itemRenderer (see Code below). When I tap in to the Cell the standard itemEditor pops up and lets you enter the content of the label. Thats the standard behavior. I works fine except for 2 problems:
If I enter to much text, the horizontal srollbar pops up, and the cell is filled with that scrollbar. As you see I tried to set the horizontalScrollPolicy to off, but that doesnt work at all... I tried to do that for all the different elements, but the failure is still existent. When I have filled more than one row, there is an other mistake happening. If I tap on a row, the datagrid selects the one below that row. That's only if one line is already selected. If I tap outside the datagrid and then, tap at any row the itemEditor of the right row will show up... Is there anything now wright in the setup of my set data method?
package components
{
import mx.containers.HBox;
import mx.controls.CheckBox;
[Code]......
View 2 Replies
Mar 24, 2010
From this (normal dataGrid)
into this (horisontal data grid)
How to turn Flex MXML DataGrid into something like Horisontal DataGrid? (may be some how with Flash builder 4?)
Keeping all stuff DataGrid has like eating data from data provider sortind dragging - droping items etc
View 1 Replies
