Flex :: Make A DataGrid Component With Some Mechanism Where The User Can Toggle The Visibility Of The Columns?
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
Similar Posts:
Jun 2, 2010
I have a Flex repeater that has a complex item template. When a checkbox is clicked, I need to toggle the visibility of a sibling button contained in the same repeater template. Since I can't add binding expressions to event handlers, I can't pass in the repeater item's index.
How can I access sibling components inside a repeater item?
View 1 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
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
Jun 9, 2011
I have one Datagrid in Flex. In datagrid there are 4 columns like mark1,mark2,mark3,Total.When i enter mark1,mark2,mark3 that time i want to update total.
View 2 Replies
Oct 19, 2010
I have data grid that measures the height according to the rows it has, but i need to disappear/ make invisible when i have no data, so the header will not just appear alone.
View 1 Replies
Jul 22, 2009
I have a 1 row, many column flex datagrid. I would like to turn the dataGrid on its side, so that the column headers become a single column running down and v.v. Is there a way to do that in the DataGrid? Or am I stuck manipulating the data presented to the grid?
I have an object like:
x=y
b=u
o=p
u=e
w=p
And I'd like a control that is visually similar to that. Currently the datagrid displays the object as:
x b o u w
y u p e p
Which is too horizontal for my case.
View 2 Replies
Nov 4, 2009
My Main.MXML
<mx:Canvas xmlns:mx="http://www.adobe.com/2006/mxml"
xmlns:mate="http://mate.asfusion.com/" width="100%" height="100%">
<mx:AdvancedDataGrid sortExpertMode="true" id="baselineGrid" dataProvider="
[Code].....
I need to send the entire datagrid columns to PHP. How to send all the values of the column 1 and column 2.
Note: COlumn 2 is an itemRenderer which has a combo box.
View 1 Replies
May 1, 2011
1) Using datefield as item renderer in flex.I am dynamically creating datagrid and its columns. like
dataGridColumn=new DataGridColumn();
dataGridColumn.dataField="invoiceDTO.invoiceDate";// I read this value from XML
dataGridColumn.editorDataField="selectedDate";
dataGridColumn.itemRenderer=new ClassFactory(DateFieldRenderer);
dataGridColumn.rendererIsEditor=true;
But when UI is generated i get the error invoiceDTO.invoiceDate not found on the TestDTO
//Test DTO
public class TestDTO
{
public var invoiceDTO:InvoiceDTO;
}
My objective is my dataField should be binded with datafield inside the datagrid.How can i do it in actionscript
2) I need to present combobox as item renderer. (same like case 1). But how can i assign dataprovider in the combobox which is present inside the datagrid.
View 1 Replies
Sep 22, 2011
I am trying to make a datagrid, that will dynamically add columns to it based on some condition. Now, I am able to add the columns, but I want the newly added column to have button using itemRenderer. I am unable to achieve this though. Getting this error on line 1
[Code]...
View 1 Replies
Oct 14, 2011
The datagrid gets its data from a back end database which has records like
[Code]....
I get errors like 1061: Call to a possibly undefined method refresh through a reference with static type mx.controls:DataGrid. for myRecords.refresh(); and Access of possibly undefined property sort through a reference with static type mx.controls:DataGrid. for myRecords.sort
View 1 Replies
Nov 9, 2006
I need to add text on screen (for hearing impaired) to a simple movie I created. I just need to have text toggle on and off. I don't know how to actionscript the mc or button. Working in F8, publishing to F6.I did see the visibility on/off rollover thread... but I'm not actionscript saavy and can't make the leap to an onpress or onrelease button, rather than a rollover.
View 7 Replies
Apr 13, 2009
I like to make a fullscreen desktop application, with an FLV, using the FLV Playback component. However, I�d like there to be a Fullscreen button on the playback component, which will allow the user to toggle the video fullscreen.I cant, for the life of me, figure out how to do this with various settings�it should be easy! This is what I have--is there a better way to do things (without a custom movie player)? My inital settings are as follows:
Code:
stage.displayState = StageDisplayState.FULL_SCREEN;
theMovie.fullScreenTakeOver = false;
Then I have a function which should work--but my button won't appear in fullscreen--Can I apply this function to the built-in fullscreen button?:
Code:
function handleClick(event:MouseEvent):void
{
if ( !theMovie.fullScreenTakeOver )[code]....
View 9 Replies
Apr 6, 2012
I am unable to find if the spark DataGrid supports moving / reordering the columns. If not what could be the best solution? Maybe using the mx version?
I want the user to be able to drag the columns and arrange them.
View 2 Replies
Feb 25, 2010
I created a component that is multiple datagrids side by side that share the same columns (each datagrid is the same as the one before but with different data).ProblemThe header text only shows up on the last datagrid. How can I get the text to show up on all the datagrid headers?Here is how I instantiate the component.
<common:PageDataGrid width="100%" height="100%"
numGroups="5" numRows="9" dataProvider="{createData(5, 9)}">
<common:columns>
[code]........
View 1 Replies
Apr 30, 2010
I'm trying to create a Flex DataGrid where the firstname and lastname are shown under each other, but in the DataGridColumn
Ideally I would want to do something like
<mx:columns>
<mx:DataGridColumn headerText="Column 2" dataField="time"/>
<mx:DataGridColumn headerText="Column 2" dataField="firstname,lastname" itemRenderer="renderers.FirstNameLastName"/>
so that both values get passed to the itemrenderer, is this possible?
View 1 Replies
May 3, 2010
For example : Having four columns in advance datagrid like company,contact_person,product and date. In this, first i want to sort by product followed by company and followed by date.
View 1 Replies
Jul 14, 2010
I have 16 columns in a DataGrid in my Flex app. The first 15 look fine, with the column, simply containing the text, but the last one has a lot of extra space. Essentially, the columns are just big enough to fit the first 15 and all that extra space is tacked onto the 16th column.
How can I evenly distribute the space over each column?
<mx:DataGrid x="127" y="9" id="view"
dataProvider = "{currentBuffer}" width="497" height="480">
<mx:columns>
[Code].....
View 2 Replies
Oct 26, 2010
I have a data grid with an Combobox itemRenderer in it. What I have is a grid with a person id and person name (more stuff in grid but I am struggling with this). In the person name column I have an combobox with all the people on then system's names and id's. What I want to do is when I select a person in the combobox I want the combobox to populate the person name fields (which it does) but I also want to pull out the person id from the combobox and populate the person id column in the data grid as well.
View 1 Replies
Feb 11, 2011
I have a Datagrid that is being populated by an ArrayCollection (rows) of Arrays (columns).I need to update the headerText of each column based on a List that will correspond with the total number of items within each array in the arraycollection. What is the best way of doing this? I know that I can set a listener in the List and update the headerText using (matrixDatagrid.columns[i] as DataGridColumn).headerText but I am looking for a cleaner solution.
View 1 Replies
Jul 17, 2011
I have a datagrid which displays details for a product. For a particular product i need to display its Id current status(Available/ Not) and which category it belongs to. The category part is a bit different from what it seems to be like. Product A can belong to Category A, B and C while product B belongs A ,c and D and so on. Structure of this table would be something like The category columns are retrieved from database and passed as parameter to construct the columns dynamically in Datagrid. I have defined the following Datastructure on UI to handle this.
Product{
var productId:String;
var productName:String;
var status:String;
var categoryList:ArrayCollection;
}
I am not sure if this will be able to solve my problem. I think I will need to have a Map containing category Names and if it is applicable for that product.
View 1 Replies
Oct 25, 2011
I want to know how i set width in percentages of columns of MX datagrid in flex ?
View 2 Replies
Aug 19, 2009
I found an earlier post with the following solution for mouseover visibility control.
ActionScript Code:
instancename.onRollOver = function() {
this._alpha = 0;
} instancename.onRollOut = function() {
this._alpha = 100;
}
What changes would I make to use the space bar as a toggle for visibility? Or would I need something completely different?
View 3 Replies
Apr 29, 2011
I�m trying to toggle the movie clips visibility by passing in a parameter. I have seen an example of this before, but can�t remember how it�s done. Here is the basic set up below. Basically, you can set one of the movie clip visible while the other movie clips are invisible by passing in a parameter.
function toggleVisible(){
one.visible==false;
two.visible=false;
[code]....
View 2 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
Oct 8, 2010
I have a data grid where users can drag columns and reposition them. But there is a strange requirement that some columns should not be draged to the left of some other column. eg, assume the columns are: name, price , start date, end date, The end date should not be dragged and placed before the start date. i.e. The user can have start date, price , name , end date. name, start date, price , end date. But at no point can end date appear before start date. Is there a way to do this flex? Is there a way to know where the user is trying to drop the column and show error message ?
View 2 Replies
Jun 4, 2011
I have a question about the Spark DataGrid and how it works in terms of garbage collection. What I'm finding is that if I dynamically add and remove columns from the DataGrid at runtime, the GridColumns and ItemRenderers never get freed from memory.
For instance, if I have a list with 10 items and I create 10 columns, there will be 100 ItemRenderers and 10 GridColumns. If I remove all of the columns, they are still there.
[Code]...
View 2 Replies
Oct 10, 2011
I have this spark DataGrid with five columns. my third and fourth columns represent amount (of product ordered) and price (of a unit of the product). My issue now is to set the fifth column equal to price*amount. I can't seem to find a way to do this.
View 1 Replies
Jul 29, 2009
I have a custom ActionScript component that I'm using in a Flex application (Flex 3.3, ActionScript 3). This component contains an Image control whose visibility is set dynamically based on a property of the data element provided to the component. The problem is that even when I set the image to be visible, it will not render onscreen. Is there something specific I need to do in order for the image to render? Snippets of relevant code below:
override public function set data( value:Object ):void {
_data = value;
if( _data ) {
if( _myImg ) {
_myImg.source = someImageClass;
[Code] .....
View 2 Replies
