Flex :: Make Columns Aligned Between 2 DataGrids?
Nov 9, 2009
I have 2 advanced data grids, one above the other. They both have the exact number of columns, and pertain to each other in the same way. But each is showing different data, which is why I split into 2 grids. However, on each one you can resize the columns, what I would like is to make it so that if you resize a column on either datagrid the same column on the opposite datagrid resizes as well, so they are both always lined up.
View 1 Replies
Similar Posts:
Aug 30, 2011
I have multiple datagrids with about 10-15 columns total. I have a numeric sortCompareFunction for each column. At the moment, I have a separate function for each sort compare I do....each does the sorting numerically. I'm guessing I could condense functions sort1, sort2, sort3, etc into 1 function but I can't figure out how:
private function sort1(obj1:Object, obj2:Object):int{
var value1:Number=(obj1.zip==''||obj1.zip==null)?null:new Number(obj1.zip);
var value2:Number=(obj2.zip==''||obj2.zip==null)?null:new Number(obj2.zip);[code]...............
View 2 Replies
Jan 11, 2010
I want to save remotely (on a database) the state (visible columns, columns width and order) of a Flex3 DataGrid.For width and visibility I can simply save them by accessing each column attribute.. But for the order? Do I have to create the dataGrid dynamically?
View 2 Replies
Jan 5, 2011
I'm trying to make a Flex (Advanced)DataGrid component with some mechanism where the user can toggle the visibility of the columns. I've crudely implemented this by reading in the columns into the right-click menu, and when a column name is selected here, the visibility is toggled. It works, but it's not the most elegant solution.Specifically, I'm trying to emulate the "datagrid" that Mozilla Thunderbird uses to display emails. Here is an image:
In the upper right, there is an icon over the scroll bar. If there is no scrollbar, the icon remains in the same place. When clicking the icon, it opens up a menu that shows all the possible columns, with the visible ones having a check mark next to them, like this:
Also, the scroll bar always appears under this button, never "pushing" it over into it's own column.I'd like to re-create this in Flex. I believe the menu part and creating a column with a button headerRenderer is easy enough. But I can't figure out how (if at all possible) to do this with the scrollbar, because the scrollbar always seems to be "its own column".
View 1 Replies
Mar 16, 2009
I made the this tutorialhttp:[url]....and align the movie clip instance to the stage.The problem is when I test the movie the picture is loaded like the movie clip instance is the top left "insertion point" so the picture is not centered. How can I fix this to make the picture aligned in the page?
View 11 Replies
Apr 16, 2009
I have finally finished my website. It works great, except the website is placed far on the left side of the screen. I would like my website to be placed in death center, kind of floating in the center and stay the same size regardless of how viewer adjusts the window size.I am trying to change alignment in PUBLISH SETTINGS (html alignment) but there is no "center" option. Only right, left, top, bottom. Here is the link to my posted .html: [URL]
View 3 Replies
Dec 15, 2009
I've got a Grid whose GridItems contain another DataGrids. (The DataGrid are nested in the Grid). Now I changed the Grid's horizontalGap-StyleProperty to zero. But because there are several DataGrids in one GridItem, there is still about 5-10px spacing in between those DataGrids. How to get rid of these spacings ?
View 5 Replies
Jul 29, 2009
I did some work that used Flex datagrids previously. It was smooth for the users and developers alike.
In my current project, I have to implement the same grids but not using Flex / Flash.
I have taken a look at extJS and YUI but they don't seem to measure up.
Are there other packages I should be looking at ?
View 3 Replies
Oct 15, 2009
I have a DataGrid which contains a DataGridColumn with a textinput and DataGridColumn with a Button.The DataGrid is bound to some XML which displays values in the text box.When the button for a row is clicked I need to get the value out of the text box and save it into the relevant XML node.My solution was just to pass the id of the row to the button click event then loop over the rows until I find the id then just grab the text box value. Simple. However the only advice I can find on looping over the rows is via the underlying dataProvider, which is nonsense as the two aren't the same thing.
View 2 Replies
May 5, 2010
we want to drag a button with a css layout from one grid to the other. On the second grid should be the same button with this layout. The grids are in different mxml files.
View 2 Replies
Feb 25, 2010
I want to use one data source (e.g. an Array) for multiple Datagrids that have different filterFunctions attached and show different columns.First, I thought I use a very straight forward apporach:create the Arraycreate an ArrayCollection for every DataGrid and set the "source" property to the Arraycreate the DataGrids and set their dataProvider property to its designated ArrayCollectionSo now. every ArrayCollection can have its own filterFunction, sort state etc. but there needs tos are dispatched and I have to call itemUpdated manually on each of the ArrayCollections. While debugging into the code in order to get a deeper understanding for Flex, I tried to figure out, what this misterious "itemUpdated" method does, especially as it notes in the adobe documentation, that, if no "property" is given (e.g. it is null), a simple "refresh()" will occur.
I did not find any calls to "refresh()" in the whole debugging (and I went down the framework whole as deep as possible (btw: lots of funny comments right in the code :-) )he only thing I could find was a CollectionChangeEvent getting dispatched with a PropertyChangeEvent in its "item" property. Which was of the kind "UPDATE" (and not, as I would expect "ADD"). When trying to dispatch that event manually, it never worked (e.g. the datagrid did not update).
View 1 Replies
Mar 20, 2010
is there a way to control the text positioning in the datagrid cells in Flex so that all text in subsequent columns align on the same rows?
View 2 Replies
Sep 27, 2009
I've got a client who has a list of items on a Datagrid. When the row is clicked, it sends the user to another page with details of that item. The client wants the rows to act like HTML links, where the color is purple when the link has been previously visited and its normal color if the row hasn't been clicked in the past. I've accomplished this with item renderers and SharedObjects. The application loads the visited ids into an array on start and the item renderer colors the individual cells if that row had been visited.
The issue here is that the client also wants the text color in the rows to turn white when the user rolls over the row. Because the item renderer sets the color, it doesn't respond to the default stylesheet for the datagrid. I can make it turn white on rollover of an individual cell, but we need the whole row to do it. Is there a way to trigger a function in all the item renderers in the row, or is there a better way to accomplish this?
View 1 Replies
May 26, 2010
I have a flex application in which I have a TabNavigator with multiple tabs and a datagrid in each of those tabs. I have bound s single array of data to each grid.
What I want to do is to bind each grid with a particular set of data in that array i.e. to distribute array contents among grids based on data type. For example items starting with letter A could be displayed in first grid, B in second, starting with C in third and so on. Hence you can say alphabetically distribute the data on different grids. The problem is that the data will be added randomly by the user.
To make one data array for each grid is not an option (due to design restrictions).
View 2 Replies
Sep 16, 2011
Is it just me, or do flex MX datagrids sort in a case sensitive manner be default? That is, they'll sort like this:
I know I can give a datagrid column a custom sort function, but do I really have to do that for every column in the app?
So this is a bug in a legacy app- updating every single grid to spark really isn't an option (if that's even a fix). Am I missing some obvious way to change the sorting pattern for an entire grid?
View 1 Replies
Oct 5, 2011
Im using Oracle, BlazeDS, Java and Flex. I have a list of objects displayed in a datagrid(Lets call them Main-objects. Each of these objects have a set of UserComment-objects associated with them(One-to-Many relation in the DB). These comments may come from two different "types" of users, distuingished with either a 1 or 0 in the UserComment-object's "userType" field. Each time the user selects a Main-object in the datagrid, the UserComment's related to this object is displayed in a separate datagrid below.Based on the introduction, i want to separate the UserComment's into two separate datagrids (one for each user-type), instead of the one i have now. So my question is: What is the best approach for performing this task? What is the best way of separating the UserComment's into two separate data grids based on the value of the "userType" field?
View 3 Replies
Feb 23, 2011
we have developed a web application by using flex-blazeDS-Java. Now we got a requirement that to print the user existed page whenever he clicks on Print button. I am able to print my flex componets and advanced datagrid but not able to print the custom item renderer images which are rendered in datagrid. And also how to print the multiple pages when I have large data in advanced datagrid.
View 1 Replies
Sep 22, 2010
In flex form layout
<mx:Form id="form">
<mx:FormItem label="horizontal:">
<mx:Text text="test"/>
</mx:FormItem>
</mx:Form>
the output will be
horizontal 'test'
But my constraint is i want to align the textbox(first child of the form item ) vertically with the label. How can i do this?
View 2 Replies
Sep 13, 2011
If I want to align things vertically in a container, I'll use verticalAlign="middle", but this doesn't exactly solve the problem of truly aligning text vertically. Text is always too high vertically, so in the past, I've just adjusted paddingTop and paddingBottom to compensate, but that doesn't work as the font for _sans differs from operating system to operating system.
Given the following layout code, you'll see the problem:
<?xml version="1.0"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
[Code]....
What happens is pretty clear. The horizontal line gets aligned to the exact middle of the box, but the text is offset by some arbitrary amount. I assume that this is because of the text baseline alignment or something. Is there a way to fix this regardless of the font size and face? I'd like to have the line essentially go right through the middle of the text, ignoring the extra space possibly needed for below the logical line of text (ie: ignore the bottom part of "g's" and "j's" when laying things out).
View 3 Replies
Mar 20, 2006
I created an array of objects aligned in 1 row. But how do I have to make that the objects appear in several rows and columns.
View 3 Replies
Sep 22, 2010
In flex form layout
<mx:Form id="form">
<mx:FormItem label="horizontal:">
<mx:Text text="test"/>
</mx:FormItem>
</mx:Form>
the output will be horizontal 'test' But my constraint is i want to align the textbox(first child of the form item ) vertically with the label. How can i do this?
View 3 Replies
Sep 22, 2010
Another thread I will hopefully resolve before someone replies. I'm making a picture gallery and putting a bunch of thumbnails in a container.
[Code]....
View 1 Replies
Jul 7, 2006
It seems there are lots of topics close to this, but none with answers. I have attempted to complete the Dinner Menu sample example in Flash 8. I finally got ti to work but the columns do not match the order of the items in the XML document. I cannot find an answer to this problem anywhere on the internet so far.
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
Sep 8, 2009
The flex DataGrid colums are arranged alphabetically by default. I need to order the DataGrid colums as per the order in its dataProvider. The dataprovider is the result of the HTTPService . And the number of columns is not known to us . The number of columns depends on the HTTPService result.
View 1 Replies
Jul 13, 2009
<local:CheckBoxDataGrid id="dg"
allowMultipleSelection="true" x="118" y="151" width="557">
<local:columns>
<mx:DataGridColumn dataField="firstName" headerText="Select" width="50" sortable="false" itemRenderer="CheckBoxRenderer" >
</mx:DataGridColumn>
[code]....
I am getting the values as ArrayCollection, but when i bind it to my Datagrid, i am not getting any values.... though the objects returned from PHP are fine.
View 2 Replies
Mar 21, 2011
How do you use flex datagrid lockedColumnCount for two columns?
For example, I have 5 columns of datagrid columns: A, B, C, D and E. I want the A and E columns to be locked and the remaining columns able to be scrolled horizontally.
View 1 Replies
Dec 3, 2009
On a DataGrid, setting alternatingItemColors will apply the color scheme to all of the columns of that grid. I'm looking for a way to define different alternating colors for each column.
View 2 Replies
Mar 15, 2011
I'm making an application where I display an AdvanvedDataGrid with one column with dates(in format DD/MM/YYYY) and another with datetimes (in format HH:MM). I'd like to sort dates according with the datetimes as well(just clicking in the header of the column), there is an examplen of the expected behaviour:
02/02/2011 | 10:42
03/02/2011 | 09:45
02/02/2011 | 11:45
03/02/2011 | 11:30
[Code]....
_currentDatosBusqueda is an arraycollection I receive from the Server (with the correct format of dates and datetime).
View 2 Replies
Mar 24, 2011
What I am trying to do is hide an entire column if the content is all null.
<mx:DataGrid width="100%" dataProvider="{service}" id="dg1">
<mx:columns>
<mx:DataGridColumn headerText="Location Origin" dataField="originLocation" visible="{data.originLocationExists}" />
<mx:DataGridColumn headerText="Location Destination" dataField="destinationLocation" visible="{data.destinationLocationExists}" />
[code]....
In the sample above, sometimes all the data in the "Location Origin" will be null, so under the visible property I put a value which is either true or false depending on the data. But even when all the data is null and the visible property equals false, it still stays visible.
View 2 Replies
