Actionscript :: Flex PrintAdvancedDataGrid Similar To SizeToPage For Columns?
Jul 27, 2011
I have an AdvancedDataGrid that's pretty wide (lots of columns that need to be wide enough to read) that I need to print. The PrintAdvancedDataGrid.sizeToPage property adjusts the height of the grid so that page breaks only occur between rows.
I'm looking for something similar for columns.
Here's a test case (main program, FlexBuilder 4.5)
[Code]...
When you run this and press the Print button, you'll see the grid printed across 4 pages. That's a good thing - in my real app, I need the grid that wide. My concern is that the page breaks are splitting columns in a very ugly way.
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 am writing a Flex application for use on a private intranet with no external Internet access. I want to use Google's 3D Maps Flex API, but it must be connected to the internet to download map tiles on demand.
Is there a way to locally cache the 3D map tiles and data so that I can run this app without an internet connection? And if not, is there a 3D GIS that supports Flex integration and allows for a local map cache?
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.
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.
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.
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.
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:
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.
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.
I just added columnWidthRatio: 1; to my mx|ColumnChart to fatten up my columns a little. But now, there's no space between the X axis and columns, and between the columns themselves, so how do I increase this space?
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.
I'd like to put a TreeGrid in my application so that the columns can be sorted. If you refer to this sample application, you'll notice that if you
Open a branch node Sort by one of the columns Close that branch node
then the TreeGrid starts to get out of wack and duplicate columns start appearing and other columns start disappearing. What I would like is to have the columns sorted only by the outermost nodes.
One attempt I had was to run treeGrid.closeAllItems() before the sort occurred. However, this does not work, because a Sort Column event gets dispatched while closeAllItems is running, so the list gets messed up and listOutOfBounds exceptions get thrown.
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.
I'm using an AdvancedDataGrid without the header row (AdvancedDataGrid.showHeaders="false"), my AdvancedDataGrid has 2 columns, where the first one will show a hierarchical data (tree).The tree may be very long and very deep or may contain a long string in the node label so the user will not be able to see the whole vale of the tree node, I want to be able to resize the column using the vertical separator of the gris (the one displayed/separates between columns) or to be able to define a horizontal scroll bar only for the first column.
Is there any visual component in flex as used in Adobe Live Docs ( Yellow box that can be expanded or collapsed) at the bottom.I have uploaded the screenshot of that box too: [URL]I am looking for the same type of visual element/component in horizontal.
In HTML/CSS, if you float items, DIV's that exceed the width of the container are moved down 1 line.
I would like to achieve this in FLEX. I have 3 components with variable width. I would like for the 3rd component to be moved down when it doesnt fit the container any more.
I wanted to create a Flex LinkBar that looks similar to the iGoogle links. The links are expandable (one level-deep) by clicking on a plus button. I've considered styling a Tree or Accordion to get the desired look and feel. But before I spend time on one approach versus another, I thought to ask first. Does anyone know a component that I could use to achieve this? Or an example of someone doing a similar vertical navigation bar? It should only be one level deep and some parent nodes might not have children (doesn't expand).
I#m looking for a solution to sort all grouped colums in advancedDatagrid. It should be the same behavior like clicking in a columns head. i'm not looking for a solution to sort the fields IN a the grouping. There is working solution named compareFunction. But I'm not able to sort the two rows in my picture by column "Einnahmen". Sorry for the german word.
I am successfully using an Entity Container to allow users to enter a new contactIs there any way to control what columns are shown when the user searches for an Account Name? At the moment 5 columns are shown, but I would like to display different columns and change the display order.
Does anyone know of a simple way to implement a DividedBox layout similar to flex, but done through Flash/as3 ?
I would think there would be a library out there for that already, or some resources, but I'm having a hard time googling for it, as it;s either Flex or unrelated content I keep finding.
EDIT just came across yahoo's astra library (example)
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 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]...............
Not sure if I am doing this the best way but I want to create a mobile app that has a home menu screen much like the facebook iphone application(with out all the fancy button moves etc). The FB app has a 3X3 set of buttons that allow you to access things like news feed or friends.In order to keep my layout consistent across different device screens I was trying to user the TileGroup with an image as a button for each tile.but while I can specify the tilegroup to use 100% width and height and set the number of rows and columns to 3. It does not appear to autosize the height of the rows and columns to fit the screen. and it won't let me specify the with/height as a percentage.
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
is there a framework that is similar to Adobe Flex written in HTML5? My app currently support having multiple objects on the screen where user can drag / drop / resize and rotate them in scrapbook fashion. There are few animations as well. Flex makes it easy to build such apps. I was wondering if there is a good framework I can use to ease up such task maybe with HTML5 so it can be used on mobile devices.
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.