Actionscript 3 :: Spark Datagrid - Text Goes Over Other Columns?
Nov 18, 2011
I have a spark Datagrid with lot of columns. The problem is that if i have a long text in a cell, then the text goes over other columns. I want the text to stay in it cell, if it longer than the columns width, then the text to be truncated somehow.
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.
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.
Is there a way to get the columns to resize to the width of the new Datagrid instead of overflowing and showing the scrollbar? I've tried on the skin, setting all relevant properties and ran out of options. I just want it to behave like the previous Datagrid where the columns would resize to the width of the datagrid.
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?
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?
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.
I have 5 text files that contain a list of 50 items in each file.
I want to bring that information into a datagrid; 1 column per text file. I'd also like to extend the code to add more columns when new files are created.
I was able to bring in one column, but maybe an approach with xml, an xml connector and dataset would be better.
Here is the code so far:
Code: var PATH:String = "10-12-09.txt"; var extIndex:Number = PATH.lastIndexOf( '.' ); var extless:String = PATH.substr( 0, extIndex );
I would like to make the height of my DataGrid rows a bit larger than the default. The problem is that the text is vertically align to the top of the row. I would like to vertically align it to the middle of the row.
Is there a way of doing that via CSS or Skinning in Flex 4.6? note that I am using a Spark DataGrid and not an MX version.
In the Spark DataGrid the default row height is about 22 px. I would like to set the default row height to 18 pixels and I can do this easily enough with the rowHeight property but what happens is when the rowHeight is set to anything less than 22 px the bottom area of the text in each row is cut off. It seems that the default grid itemrenderer or grid label has a min height set to it. Since I have multiple columns and want to have shorter rows but not have the bottom of the text cut off in each row how would I do this?
I have a datagrid that uses a custom cellrenderer class to allow me to use a combobox. I have an invisible column that holds the value returned by the cellrenderer when the combobox value is changed. BUT sorting is wonky. Since what really lives in the combobox column individual cells is an object, it never really sorts properly. Is there a way to fire a sorting event to the column that holds the real value?
in my AS3 Datagrid, I'd like the columns would not be reorderable by clicking at their top.Now it appears the datagrid that represent a players' classification.Now if I click at the top of every column, the reorder as like they want.
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.
How can I dynamically create my DataGrid's columns? Right now I'm using the following code in flex, but would like to create the columns to look a little different, depending on certain criteria in AS.
I am dynamically adding columns based on values received from an array. The columns are getting generated properly.But the problem is when I try to insert values for each column, I have to specify each column name in the addItem function.So the addItem function accepts only hardcore values which match my column names --- but it does not accept dynamic column names.Since it does not accept dynamic column names, it can't populate appropriate values related to each column.scoreBoardData is the instance name of my DataGrid component
Here's the code: import fl.controls.dataGridClasses.DataGridColumn; var obj:Object = {"systime":1323323297534,"id":1,"dest":"123234","source":"1983","ack"
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.
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.
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
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
I have a datagrid with multiple columns. I can click a column header to sort the rows, but I don't know how to sort on two or more rows. For example, last name, age, then racing time.
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.
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?
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.
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.
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.