Flex Datagrid Issue

Hi
I am using a flex datagrid component which has around 48 columns.
There is a option for the user to select which columns he wish to see.
Based on the user's selection the visible columns will be 1-50.
The Datagrid is inside a Vbox container.
The issue is, based on the screen resolution and the number of columns selected extra scroll bars(horizontal and vertical) appears
for the whole Vbox in addition to the Datagrid's scrollbars.
i.e if resolution is high and user selects more than 46 columns extra scroll bar appears.
If resolution is low the extra scroll bars appears as soon as the visible columns is more than 20.
Please help me if there is any resolution in preventing the extra scroll bars from appearing.Ideally, Since datagrid has its own scroll bars making more columns visible should not increase the width of datagrid.
Any help will be appreciated

Have you hard-coded the height and width of both the VBox and the Datagrid? If you set the datagrid height and width 40 pixels or so less than the VBox it should solve that problem, I'd think.
Or, you could set your DataGrid height and width to 90%.
Sorry if you've already tried this. Another option is to set your datagrid's scroll policy to "off" and just leave the VBox's scroll bars available.
-John

Similar Messages

Flex DataGrid Component

Can i extend the Flex DataGrid using ActionScript and create as Add-On Component ?

I've been trying to get this to work. But i'm having issues Not sure if it's related to the Array binding limitation mentioned in the release notes. Maybe someone else has some ideas.
I'm trying to bind to the dataProvider property of the DataGrid. That way when the user in Xcelsius selects a range, it will bind the data in the excel sheet to the DataGrid.
Problem is that i'm only getting one value to update (specifically the top value). At this time i'm only trying to bind a single column of data.
I noted that the commitProperties function gets called whenever a cell changes that i'm bound to, but the dataProvider is only receiving the first value of the array. Even odder is that the ArrayCollection that i receive simply looks like this:
commitProp:dataProvider=(mx.collections::ArrayCollection)#0
filterFunction = (null)
length = 1
list = (mx.collections::ArrayList)#1
    length = 1
    source = (Array)#2
      [0] 1
    uid = "A37C62CC-F3DC-E1B1-8159-CE984C2CCE33"
sort = (null)
source = (Array)#2
So i see that i get an array collection of ArrayList objects, the first one of which simple contains the value in the excell sheet "1".
I noted that the proxy.bind function has a parameter called "chain", maybe this is what i need to get multiple value binding? The documentation for the calls are pretty basic, which is understandable as this is new technology.
So anyone have some ideas? Maybe someone from BO who is apart of the SDK group can comment?

Flex datagrid data on datachange

Hi all,
I am using an extended datagrid which takes its height on the basis of measured height of items. Item renderer for datagrid is a canvas. Which holds one more canvas(header for item renderer) and a text area. The problem I am facing is with the header canvas in item renderer. Header canvas has one label which diaplay a name of user. On the basis of data provider for the current item visibility of this label in header canvas is set as true or false. issue is when it set to false it repaints(on data change event) all the previous header canvas label also to visible false. And just the last item has the data. Rather it should set its visiblity false only for the current item and rest items sholud behave as value set for them.
Thanks in advance.

Adobe Newsbot hopes that the following resources helps you.
NewsBot is experimental and any feedback (reply to this post) on
its utility will be appreciated:
Flex 3 - Handling service results:
Flex interprets the XML data that a web service or HTTP
service returns to ..... a DataGrid control with DataTable data
returned from a .NET web service.
Link:
http://livedocs.adobe.com/flex/3/html/data_access_6.html
Flex cookbook beta - Building Flex Applications with SOAP Web
Services:
Mar 3, 2008 ... If you are using web services technologies
then it is usually ... The DataGrid tag instanciates an instance of
the DataGrid Flex control.
Link:
http://www.adobe.com/cfusion/communityengine/index.cfm?event=showdetails&productId=2&postI d=7863
Flex 3 - Using WebService components:
The Flex web service API generally supports Simple Object
Access Protocol (SOAP) ... property of a DataGrid control and
displayed in the DataGrid control.
Link:
http://livedocs.adobe.com/flex/3/html/data_access_3.html
Adobe - Flex General Discussion:
Flex datagrid data column / webservice - justneed2know -
08/27/2008 ... I use a web service to populate a datagrid and its
columns (on of which is date).
Link:
http://www.adobe.com/cfusion/webforums/forum/messageview.cfm?forumid=60&catid=585&threadid =1388794&enterthread=y
All Classes (Flex 3):
mx.rpc.soap, AbstractWebService is an abstract base class for
implementations that provide RPC access to SOAP-based web services.
Link:
http://livedocs.adobe.com/flex/3/langref/class-summary.html
Adobe - Developer Center : Using Flex Builder to Create Web:
Using Flex Builder to Create Web ServiceBased Flex
Applications ... The web service result data needs to flow to the
DataGrid. Select the 'Data will flow
Link:
http://www.adobe.com/devnet/flex/articles/flexbuilder_ws_04.html
Disclaimer: This response is generated automatically by the
Adobe NewsBot based on Adobe
Community
Engine.

Flex Printing Issue

Dear All,
I have used the following code to print from flex Datagrid in
Flex 1.5.
public function doPrint():Void {
var pj : PrintJob = new PrintJob();
//Save the current vertical scroll position of the DataGrid
control.
var prev_vPosition:Number = dgReportFinal.vPosition;
if(pj.start() != true) {
delete pj;
return;
//Calculate the number of visible rows.
var rowsPerPage:Number = Math.floor((dgReportFinal.height -
dgReportFinal.rowHeight)/dgReportFinal.rowHeight);
//Calculate the number of pages required to print all rows.
var pages:Number =
Math.ceil(dgReportFinal.dataProvider.length / rowsPerPage);
//Scroll down each page of rows, then call addPage() once
for each page.
for (var i=0;i<pages;i++) {
dgReportFinal.vPosition = i*rowsPerPage;
pj.addPage(dgReportFinal);
pj.send();
delete pj;
// Restore vertical scroll position.
dgReportFinal.vPosition = prev_vPosition;
My Issues are:
1. I want content of the DataGrid to be printed, but the
printing prints the content of the datagrid along with the
scrollbars.
This is the same, when I use landscape mode also.
2. When the content of the Datagrid exceeds the width of the
Datagrid (i.e., when we have a hscroll), those contents are not
printed. I think only the content which we view currently is being
printed.
To print headers and footers which are the best controls to
use. Bcoz my headers would look like:
Date: Organization:
Place: Branch:
Report Title
Thanks in advance.
thanks and regards,
Loganathan.P.C.

The feature of printing data which is not visible in the
control is not available in Flex 1.5 but is available in Flex 2
(Beta). Work around can be fragmenting the data as pages for
printing but involves splitting data in grid into a fixed number of
rows for each page.
I can also suggest a work around for you header and footer
issue. you can create a sepearate Print Preview Page which can be
invisible / visible as you wish and on click of print use the
controls in that page and print
tipically the Preview page can be like
mx:Label ---> Header text
mx
ataGrid -- > data which is paged -
mx:Label --- > footer

How to disaply multiple column of a table in a single flex datagrid column

Hi,
I have a table in my database which has say 3 column (Firstname,LastName,Location). I wanted to display these 3 different values in a single column in flex datagrid.
Could you please help me out in this
Thanks,
Pratik

Generally, in such scenarios each column is made corresponding to the column in database only and not single column.
However, we can setStyle of a datagrid to make it appear as if all three columns have been populated in single.
set verticalGridLines="false" for dataGrid. Further cosmetic changes can be made to realise the required look.
In some cases, labelFunction of a datagridColumn also suffices the need.
Tanu

Flex Module issue with Panel

Hello everyone. I have the following problem.
In my application I have several modules and each of them have components CollapsableTitleWindow (extends Panel). After opening the window it is added to the container which is in the main application (CollapsableTitleWindowContainer). In these windows you can open another window (and so on).
Now, what is the problem. When I change (reload) any module and I want to open a new window (sub window) with the already loaded window I get this error:
TypeError: Error #1009: Cannot access a property or method of a null object reference.
at mx.containers::Panel/layoutChrome()[C:\autobuild\3.2.0\frameworks\projects\framework\src\mx\containers\Panel.as:1405]
at com::CollapsableTitleWindow/layoutChrome()[D:\Flex 3 Workspace\WesobCrm\src\com\CollapsableTitleWindow.as:216]
at mx.core::Container/updateDisplayList()[C:\autobuild\3.2.0\frameworks\projects\framework\src\mx\core\Container.as:2867] (...)
Indicates that the main applications have object Panel
Please help.
P.S. I found a similar problem on http://www.nabble.com/Flex-Module-issue-with-Panel-td20168053.html
ADDED: I extendes the Panel class and do something like that:
override protected function layoutChrome(unscaledWidth:Number, unscaledHeight:Number):void
                use namespace mx_internal;
                if(!(mx_internal::titleBarBackground is TitleBackground)) {
                        mx_internal::titleBarBackground = new TitleBackground();
                super.layoutChrome(unscaledWidth, unscaledHeight);
But now i had something like that: Before After
You can see that it loos style declaration.H

Thanks for the anserw.
I don't exacly understand all but i found a solution for my problem and it works.
Could you tell me if this is ok ?
I Add in my main app
public function getProductWindow():ProductWindow {
    return new ProductWindow();
And in the module i change
From var productWindow:ProductWindow = new ProductWindow();
To var productWindow:ProductWindow = Application.application.getProductWindow();

Import CSV/Excel data into Flex Datagrid using Java/JSP

Hi,
Is there any way we can import excel/csv data into flex datagrid component.
I see that is been done using php in this site. http://code.google.com/p/as3xls/
Any help would be appreciated.
Thanks in advance

You can store the list of data from the Excel sheet that you have read already into an ArrayList
Then go through the JDBC tutorial, and learn how to insert a single record into the table.
After you understand how to insert a single record, you can iterate through the ArrayList of data and insert them into the table in the database.
If you know JDBC, see if you can use OR Mapping frameworks like Hibernate or iBatis, they make it very easy to manage database in Java.

Showing multiple links from inside a flex datagrid button

Hi,
I have a requirement where I need to show a button inside
flex datagrid column.Which I'm doing with custom itemrenderer.When
the User clicks on a particular button inside data grid I need to
show him multiple links with images where user cal click on one of
the links if he choses to do so.How do I achieve this.Any example
is greatly appreciated.
Regards
mflex.

"...show him multiple links with images ..." Where/how does
this need to be displayed?
Tracy

Flex DataGrid with Dynamic Grouping

Does anyone know of any examples of Flex datagrids that have
grouping features comparable to the numerous grid components
available in the ASP.NET world? I’m thinking of .NET
component vendors such as Telerik, Infragistics, Component Art,
DevExpress, etc.
The way these .NET controls generally work is that you drag
the header of a column to a bar above the grid, which causes the
grid to redraw based on the new grouping you just specified.
This is an example of a grid component that I am currently
using:
Telerik
Grid
Thank you,
Mike Chabot

The renderer's data property is the data for the entire row so you can get the column1 data and assign the combobox's dataprovider accordingly.
Alex Harui
Flex SDK Developer
Adobe Systems Inc.
Blog: http://blogs.adobe.com/aharui

Flex performance issues

hi
By using an mvc architecture ,is it possible to overcome Flex performance issues...???
Thanks
Saritha S

Excuse me ? If you develop a large scale application, you had better use a MVC architectural framework (with or without dependency injection) and additional design patterns like the presentation model. Otherwise, you will end up with code complexity as you try to overcome the inevitable structural problems as the application grows and THIS will end up in performance degradation.
-          Run the profiler to identify bottlenecks and memory leaks: number of instances of a given class, execution time of methods, memory usage … E.g item renderers
-          How much data is loaded, processed and displayed at any one time can have a big impact on performance. Reduce the amount of data: paging via parameter to the service
-          Reduce the layout complexity: remove containers so nestLevel <= 4
-          Remove event listeners: addEventListener () calls with corresponding removeEventListener() calls (do not use addEventListener() with weak reference as it decreases performance)
-          Deferred instantiation of UIComponents (e.g Viewstack children) aka lazy instantiation
-          Garbage collection: check Grant Skinner’s checklist
-          Interrupted execution of complex functions (especially when looping on a large data set): the function monitors its execution time and yields (returns) when the current call exceeds a given duration (usually, that of a frame at 24 fps, which is the default Flex framerate). It is called again on the next frame and so on and so forth until processing is complete. You can use callLater() for that.
-          Lazy loading of data
-          Use more efficient code. Favour re-use of existing code in the Flex framework rather than re-writing what exists. Favour simple solutions over complex ones when possible.
-          UID getter/setter in DTOs for improved performance in sorting / filtering of Array Collections
-          Too many data bindings decrease performance. Mainly use data binding to bind views to the presentation models. Use the ChangeWatcher class or direct assignment of values when possible.
-          Limit the number of calls to setStyle(). Use style declarations in CSS when possible.

Flex datagrid pagination?

Hi. Does the datagrid or AdvancedDataGrid support pagination?
From what I've found, they don't seem to.

"curious_Lee" <[email protected]> wrote in
message
news:g91nfo$nv8$[email protected]..
> Hi. Does the datagrid or AdvancedDataGrid support
pagination? From what
> I've found, they don't seem to.
http://gurufaction.blogspot.com/2007/02/flex-datagrid-paging-example-with.html

Flex datagrid borders off by 1px?

Is there a way to extend the datagrid component or any to her way to avoid this?
Flex datagrid column header borders and column borders keep going off by 1px... and they randomly alternate when resized.
I have no idea how to fix this, and it to me looks like a problem with flex, not so much what i coded
http://screencast.com/t/NmI3Zjk0NmU
http://screencast.com/t/YzE0NDk5 - resized
It's like it's going off by 1px because of some rounding error... no idea why this is happening, and I'm using
Code I'm using (a bit sloppy but still)
http://pastebin.ca/1888773

I could use someone's help on this... Every single datagrid i create (at least with a custom header gradient, I think), has borders off by 1px, what can I do to fix this? I've even seen this happening on other sample flex projects. No idea how to fix this

Flex datagrid french sorting

Hi,
I am using flex datagrid to develop an application in french,
as french is having special character in it,
i need to sort datagrid column in french. Flex datagrid
unable to sort data in french. i need french sorting,
if somebody has solution of this please help me to get out of
this.
If possible please reply me on
[email protected]

i am using inbuilt flex sorting, i am not using sortcompare()
function.
its just a string sorting but as its in french ,character
"
É" is comig after character "
V" , because flex treated it as a special character
. it should come before "
V". so do we need to change character set for
flex?

Flex datagrid data column / webservice

I use a web service to populate a datagrid and its columns
(on of which is date). The web services sources the data from a sql
server database and thru ASP.net to the Flex application. I've been
seeing strange things. During testing, database records such as
"8/27/2008 8:58:00 PM " correctly shows up as 8/27/2008 in the Flex
application, but records after 9PM such as "8/27/2008 9:01:21 PM"
shows up as 8/28/2008 (the next days) .. seems like after 9 throws
off the data rendering.. please suggest.

Adobe Newsbot hopes that the following resources helps you.
NewsBot is experimental and any feedback (reply to this post) on
its utility will be appreciated:
Flex 3 - Handling service results:
Flex interprets the XML data that a web service or HTTP
service returns to ..... a DataGrid control with DataTable data
returned from a .NET web service.
Link:
http://livedocs.adobe.com/flex/3/html/data_access_6.html
Flex cookbook beta - Building Flex Applications with SOAP Web
Services:
Mar 3, 2008 ... If you are using web services technologies
then it is usually ... The DataGrid tag instanciates an instance of
the DataGrid Flex control.
Link:
http://www.adobe.com/cfusion/communityengine/index.cfm?event=showdetails&productId=2&postI d=7863
Flex 3 - Using WebService components:
The Flex web service API generally supports Simple Object
Access Protocol (SOAP) ... property of a DataGrid control and
displayed in the DataGrid control.
Link:
http://livedocs.adobe.com/flex/3/html/data_access_3.html
Adobe - Flex General Discussion:
Flex datagrid data column / webservice - justneed2know -
08/27/2008 ... I use a web service to populate a datagrid and its
columns (on of which is date).
Link:
http://www.adobe.com/cfusion/webforums/forum/messageview.cfm?forumid=60&catid=585&threadid =1388794&enterthread=y
All Classes (Flex 3):
mx.rpc.soap, AbstractWebService is an abstract base class for
implementations that provide RPC access to SOAP-based web services.
Link:
http://livedocs.adobe.com/flex/3/langref/class-summary.html
Adobe - Developer Center : Using Flex Builder to Create Web:
Using Flex Builder to Create Web ServiceBased Flex
Applications ... The web service result data needs to flow to the
DataGrid. Select the 'Data will flow
Link:
http://www.adobe.com/devnet/flex/articles/flexbuilder_ws_04.html
Disclaimer: This response is generated automatically by the
Adobe NewsBot based on Adobe
Community
Engine.

Issue with Number sort in flex datagrid

Hi All,
I have implemented Number sorting as mentioned in the below(code).
I have placed the function that i am setting for the column that is to be sorted.
This column contains formatted amount (e.g. $2,000.00), so flex considers it as String and sorts the data as String.
In the function pasted below i am removing the formatting and then converting the unformatted string into a Number.
This function works fine when the amount of data is not large. i.e. < 1000 records in datagrid.
But when the records are > 1000, the sorting takes long time and most of the time the script takes more than 30 secs to run.
The reason here is that when the amount of data is large then the comparisons increase and the method which i am calling in this method gets called twice as many times as the numericSort Function.
This causes the delay and the error is thrown.
IS THERE ANY OTHER WAY TO IMPLEMENT NUMERIC SORTING WHICH IS LESS TIME CONSUMING THAN THIS WAY?
Please help as i need a solution to this urgently.
Thanks.
Here is the method
Code :::
public static function numericSort(obj1 : Object, obj2 : Object):int
        try
                var d1 : Number;
                var d2 : Number;
                var index : int = Util.getColumnIndex("MARGIN");
                d1 = Number(removeStringFormatting(obj1[index]));
                d2 = Number(removeStringFormatting(obj2[index]));
                if (d1 < d2) {
                      return -1;
                } else if (d1 > d2) {
                     return 1;
                } else {
                return 0;
        catch(error : Error)
                Alert.show("Error in numericSort "+error.getStackTrace());

Off topic: Having 1000 results displayed at once in a DataGrid ( heck, even 100-200 at once ) is dumb. Instead, you should break your data down to smaller pieces and use paging or something to traverse the whole collection of data. Displaying an imense bunch at once is just plain dumb.
Regarding your problem: Since the data displayed in the DataGrid is formatted, you won't be having an easy time trying to sort that formated data. Instead, you should convert the data back to Number or integer ( or whatever might suit your needs ) and sort it that way. A custom compare function is good because you can perform the conversion back to the original state there and then sort the values ( or you can store a temporal list of the data that is unformatted, sort it, format it and display it - this is just one possible solution of the quite many ).

Flex Datagrid Issue

Similar Messages

Maybe you are looking for