Problem with advanced data Grid

Hi,
I am new to flex. I am designing the UI using flex. I need
to that know tht using advanced datagrid when i click the add
button the content in my textbox need to be displayed in my ADG,
and also i need to know when i click the add button i should show
as well as i need that ADG to display in a tree format in left side
of the screen and my form will need to be in right side. Can anyone
help me out. Any Code for it.
Regards
Muthu

Take a look here :
http://livedocs.adobe.com/flex/3/html/help.html?content=Part2_DevApps_1.html
Laurent,

Similar Messages

Flashing Problem in advance data grid

I am using advancedatagrid and make 4 level tree based menu using bindable data priovider, Please see the screenshot
I define own item render in each level of advance data grid in appliction, but i have flashing issue here, when i update the downloading percantage then image flickring in the list.
Please give the best solution to avoid the flashing....
Thanks
Anees

Hi,
while preparing internal table to be passed to ALV, you have to implement the logic for these scenarios.
Regards,
Raghavendra

Data missing on vertical scroll with Advanced Data Grid

Hi All,
I have a n issue as stated below.
AdvanceDataGrid with simple rows of text values.
On vertical scroll and move upwards, the some of the values at the top goes blank intermittently.
Have used itemRenderer to populate the values to that particluar column.
To fix this issue, I have tried the fixes as below but its not working:
1) super.data=value.
2) Used validate.now().
Can you please give me a solution to this?
Thanks,
IRK.

Hi All,
Setting the width explicitly, solved my issue.
grpName.width = 120;
Thanks,
IRK

Advanced Data Grid 3.4 upgrade? `

Hello,
There were some memory leaks with Advanced Data Grid 3.2 in an app that needs to run in a flash app.
I upgraded with the patch and re-wrote a column class. However, I read you could upgrade to 3.4 and it would help immensely.
I did this, but the Grid was not included as it is an open source download.
Do I just know the correct link? Is there something hidden on this site that I did not see?
Please help and Thank you!
Emma

Hi,
Make sure you copy the relevant swc files.
http://opensource.adobe.com/wiki/display/flexsdk/Using+Flex+3+Builds+in+Flex+Builder

"advanced data grid" with flex builder 3.0

I'm getting watermark as "Flex Data Visualization
Trial" when tried to use advances data grid with flex builder 3.0. There are some links floating on the internet where it's suggested that the license key should be provided in the flex-config.xml to avoid this issue. I would like to know if this componenet is stable with flex builder 3.0 and is it ok to use this in production environment?

Someone from Adobe might be able to answer more definitely
but it's probably just not considered compatible with a modified
Eclipse (at least, the installer). It may just be the installer
blowing up when it shouldn't. I think Adobe doesn't want to support
install configurations that they don't have setup and tested. I had
a similar issue once and solved it by doing the following... not
sure if it'll work, and it's more of a last resort:
Setup a regular eclipse install - install the plugin there.
Somehow, you'll have to keep track of all the files it adds, either
using timestamps or some compare software. It should be a bunch of
files and/or folders in the '/plugins' directory, and possibly a
few others in '/configuration', maybe '/features'. Take all the new
folders and any jar files etc, and drop them into the same folders
in your special Eclipse version. Hopefully when you start it up
you'll get the Flex functions...
Of course, you could end up hosing your entire "NWDS"
(whatever this is) install. So you probably want to test it out
first!

Advanced Data Grid and Beta 3 Error:1502

hi,
When i upgraded from beta 2 to beta 3 .I get a error as
follow:
Error: Error #1502: A script has executed for longer than the
default timeout period of 15 seconds.
at mx.managers::CursorManager$/getInstance()
at mx.core::UIComponent/get
cursorManager()[E:\dev\flex_3_beta3\sdk\frameworks\projects\framework\src;mx\core;UICompo nent.as:2312]
at mx.core::UIComponent/get
cursorManager()[E:\dev\flex_3_beta3\sdk\frameworks\projects\framework\src;mx\core;UICompo nent.as:2306]
at mx.core::UIComponent/get
cursorManager()[E:\dev\flex_3_beta3\sdk\frameworks\projects\framework\src;mx\core;UICompo nent.as:2306]
at mx.core::UIComponent/get
cursorManager()[E:\dev\flex_3_beta3\sdk\frameworks\projects\framework\src;mx\core;UICompo nent.as:2306]
at mx.core::UIComponent/get
cursorManager()[E:\dev\flex_3_beta3\sdk\frameworks\projects\framework\src;mx\core;UICompo nent.as:2306]
at mx.core::UIComponent/get
cursorManager()[E:\dev\flex_3_beta3\sdk\frameworks\projects\framework\src;mx\core;UICompo nent.as:2307]
at mx.core::UIComponent/get
cursorManager()[E:\dev\flex_3_beta3\sdk\frameworks\projects\framework\src;mx\core;UICompo nent.as:2306]
at mx.core::UIComponent/get
cursorManager()[E:\dev\flex_3_beta3\sdk\frameworks\projects\framework\src;mx\core;UICompo nent.as:2307]
at mx.core::UIComponent/get
cursorManager()[E:\dev\flex_3_beta3\sdk\frameworks\projects\framework\src;mx\core;UICompo nent.as:2307]
at mx.core::UIComponent/get
cursorManager()[E:\dev\flex_3_beta3\sdk\frameworks\projects\framework\src;mx\core;UICompo nent.as:2307]
at mx.core::UIComponent/get
cursorManager()[E:\dev\flex_3_beta3\sdk\frameworks\projects\framework\src;mx\core;UICompo nent.as:2307]
at mx.core::UIComponent/get
cursorManager()[E:\dev\flex_3_beta3\sdk\frameworks\projects\framework\src;mx\core;UICompo nent.as:2307]
at mx.core::UIComponent/get
cursorManager()[E:\dev\flex_3_beta3\sdk\frameworks\projects\framework\src;mx\core;UICompo nent.as:2307]
at mx.core::UIComponent/get
cursorManager()[E:\dev\flex_3_beta3\sdk\frameworks\projects\framework\src;mx\core;UICompo nent.as:2307]
at mx.core::UIComponent/get
cursorManager()[E:\dev\flex_3_beta3\sdk\frameworks\projects\framework\src;mx\core;UICompo nent.as:2306]
at mx.core::UIComponent/get
cursorManager()[E:\dev\flex_3_beta3\sdk\frameworks\projects\framework\src;mx\core;UICompo nent.as:2306]
at mx.core::UIComponent/get
cursorManager()[E:\dev\flex_3_beta3\sdk\frameworks\projects\framework\src;mx\core;UICompo nent.as:2306]
at mx.core::UIComponent/get
cursorManager()[E:\dev\flex_3_beta3\sdk\frameworks\projects\framework\src;mx\core;UICompo nent.as:2306]
at mx.core::UIComponent/get
cursorManager()[E:\dev\flex_3_beta3\sdk\frameworks\projects\framework\src;mx\core;UICompo nent.as:2306]
at mx.core::UIComponent/get
cursorManager()[E:\dev\flex_3_beta3\sdk\frameworks\projects\framework\src;mx\core;UICompo nent.as:2306]
at mx.core::UIComponent/get
cursorManager()[E:\dev\flex_3_beta3\sdk\frameworks\projects\framework\src;mx\core;UICompo nent.as:2306]
at mx.core::UIComponent/get
cursorManager()[E:\dev\flex_3_beta3\sdk\frameworks\projects\framework\src;mx\core;UICompo nent.as:2307]
at mx.core::UIComponent/get
cursorManager()[E:\dev\flex_3_beta3\sdk\frameworks\projects\framework\src;mx\core;UICompo nent.as:2306]
at mx.core::UIComponent/get
cursorManager()[E:\dev\flex_3_beta3\sdk\frameworks\projects\framework\src;mx\core;UICompo nent.as:2307]
at mx.core::UIComponent/get
cursorManager()[E:\dev\flex_3_beta3\sdk\frameworks\projects\framework\src;mx\core;UICompo nent.as:2307]
at mx.core::UIComponent/get
cursorManager()[E:\dev\flex_3_beta3\sdk\frameworks\projects\framework\src;mx\core;UICompo nent.as:2306]
at
mx.controls::AdvancedDataGridBaseEx/mx.controls:AdvancedDataGridBaseEx::columnResizeMouse OverHandler()
[C:\Work\flex\dmv_automation\projects\datavisualisation\src;mx\controls;AdvancedDataGridBa seEx.as:5970]
at [mouseEvent]
and my application hangs.Thanks in advance for all the
help....

hi Srinivas,
Acually whenever i roll over the mouse on the column headers
of the Advanced Data Grid it hangs and throw this error.i am
getting a grouped data from data base and using the group
collection as data provider which has source property bound to
ArrayCollection.The problem comes only whenever we take the mouse
over the column headers it throws this error and hangs.
<mx:AdvancedDataGrid id="adg1" width="100%" height="100%"
wordWrap="true" >
<mx:dataProvider>
<mx:GroupingCollection id="gc" source="{this.ABC}"
>
<mx:Grouping>
<mx:GroupingField name="GroupingField"/>
</mx:Grouping>
</mx:GroupingCollection>
</mx:dataProvider>
<mx:columns>
<mx:AdvancedDataGridColumn dataField="Field1"
headerText="Field1" />
<mx:AdvancedDataGridColumn dataField="Field2"
headerText="Field2" sortable="true" />
<mx:AdvancedDataGridColumn dataField="Field3"
headerText="Field3" />
</mx:columns>
</mx:AdvancedDataGrid>
If move the mouse over the column headers the error is thrown
and the application hangs and the same code works fine with the
beta 2.
Thanks....

Advanced Data Grid Sorting / Grouping Collection

Ok, basically here's the issue..
I have an advanced data grid with a tree view. It goes two
levels deep
so:
Report Type
|-------------------- Company
|--------------------------------------- Report 1
|--------------------------------------- Report 2
|--------------------------------------- Report 3
|-------------------- Company 2
|--------------------------------------- Report 1
|--------------------------------------- Report 2
|--------------------------------------- Report 3
Report Type 2
|-------------------- Company
|--------------------------------------- Report 1
|--------------------------------------- Report 2
|--------------------------------------- Report 3
|-------------------- Company 2
|--------------------------------------- Report 1
|--------------------------------------- Report 2
|--------------------------------------- Report 3
etc..
Report and Company are Nodes (folders) and are being sorted
alphabetically by default.
The individual reports (Report 1,2,3, etc..) are not being
sorted in any way that I can figure out. I need to sort them by
date, but no matter what I've tried I can't get it to work.
I tried a SortCompareFunction on the advancedDataGridColumn
that displays each report, and it works *IF* I click the header...
but if I dispatch the header_release event via AS3, nothing
happens.
I even set up a test:
dg.addEventListener(AdvancedDataGridEvent.HEADER_RELEASE,heard);
dg.dispatchEvent(
new AdvancedDataGridEvent
AdvancedDataGridEvent.HEADER_RELEASE,
false,
true,
0, // The zero-based index of the column to sort in the
DataGrid object's columns array.
null,
0,
null,
null,
0
function heard(e:Event) {
trace("I HEAR IT!");
trace(e.type);
I set that up on a button so I can dispatch the event with a
click. Every time I click the button, the header release event
listener goes off, but the actual advanceddatagrid remains
unchanged until I actually click on it's header..
Any help would be *GREATLY* appreciated... I've been stuck on
this problem for two days now :(

"AnakinJay" <[email protected]> wrote in
message
news:[email protected]...
> Ok, basically here's the issue..
>
> I have an advanced data grid with a tree view. It goes
two levels deep
> so:
> Report Type
> |-------------------- Company
> |--------------------------------------- Report 1
> |--------------------------------------- Report 2
> |--------------------------------------- Report 3
> |-------------------- Company 2
> |--------------------------------------- Report 1
> |--------------------------------------- Report 2
> |--------------------------------------- Report 3
>
> Report Type 2
> |-------------------- Company
> |--------------------------------------- Report 1
> |--------------------------------------- Report 2
> |--------------------------------------- Report 3
> |-------------------- Company 2
> |--------------------------------------- Report 1
> |--------------------------------------- Report 2
> |--------------------------------------- Report 3
> etc..
>
> Report and Company are Nodes (folders) and are being
sorted alphabetically
> by
> default.
> The individual reports (Report 1,2,3, etc..) are not
being sorted in any
> way
> that I can figure out. I need to sort them by date, but
no matter what
> I've
> tried I can't get it to work.
>
> I tried a SortCompareFunction on the
advancedDataGridColumn that displays
> each
> report, and it works *IF* I click the header... but if I
dispatch the
> header_release event via AS3, nothing happens.
>
> I even set up a test:
>
dg.addEventListener(AdvancedDataGridEvent.HEADER_RELEASE,heard);
>
> dg.dispatchEvent(
>
> new AdvancedDataGridEvent
> (
> AdvancedDataGridEvent.HEADER_RELEASE,
> false,
> true,
> 0, // The zero-based index of the column to sort in the
DataGrid object's
> columns array.
> null,
> 0,
> null,
> null,
> 0
> )
>
> );
>
> function heard(e:Event) {
>
> trace("I HEAR IT!");
> trace(e.type);
>
> }
>
>
> I set that up on a button so I can dispatch the event
with a click. Every
> time I click the button, the header release event
listener goes off, but
> the
> actual advanceddatagrid remains unchanged until I
actually click on it's
> header..
>
> Any help would be *GREATLY* appreciated... I've been
stuck on this problem
> for
> two days now :(
Check the compareFunctions here
http://flexdiary.blogspot.com/2008/09/groupingcollection-example-featuring.html

Advanced Data Grid in Action Script

ok so I am now generating an AdvancedDataGrid in Action script as I will have dynamically created columns based on specific user
My grid code looks like this
private function generateGrid():void
var clms:Array;
myADG.dataProvider=gridData;
myADG.width=
this.parentApplication.adgPanel.width-20;myADG.height=
this.parentApplication.adgPanel.height-39;myADG.visible=
true;myADG.x=0;
myADG.y=0;
myADG.designViewDataType=
"flat";myADG.horizontalScrollPolicy=
"on";myADG.verticalScrollPolicy=
"on";myADG.lockedColumnCount=6;
myADG.sortExpertMode=
true;myADG.headerWordWrap=
true;
My question is this, in my MXML Grid that preceded this I hand this line
click="{populateChildren(adg.selectedIndex)}"
How do I add this functionality to my new AS Advanced Data Grid??
populateChildren is a function that allows me to set the specific row as an object and share amongst other other modules based on the grid selection.
        private function populateChildren(loc:int):void
          selected = Object(gridData.getItemAt(loc));
          this.parentApplication.populateChart(selected);
Thanks in advance for any help.

The complete sample code contains 5 WebService calls that populate List collections views.
Given these services are not exposed externally, I can't see how that would be more helpful it would actually cause more errors.
But as usual with being new to Flex and AS I have found the root of the problem....ME    it's always something so silly and easily overlooked.
myADG.addEventListener(MouseEvent.CLICK,populateChildren());
should read:
myADG.addEventListener(MouseEvent.CLICK,populateChildren);
and for completeness my function needed to look like this
private function populateChildren(e:Event): void
selected = Object(gridData.getItemAt(myADG.selectedIndex));
this.parentApplication.populateChart(selected);
completely back to operational again.
Thanks for taking the time to look into this a bit, sorry for the trouble, but at least I will recognize that error, I had never seen it up till now.
Thanks again.

Advanced data grid and SummaryRow

Hello,
I've gotten the SummaryRow to work in AdvancedDataGrids in the past for performing certain functions like sum or average... but for this specific instance I want to do a summary row on non-numeric values (approved or rejected).
For instance... lets say I have a GroupingCollection in the advanced data grid and I want to group by department (this is a 1 to many with dept having 1 or more employees). At that grouped level I want to show either "approved" or "rejected"... how can i show this next to the grouped department (not as another group below the department)? See my screenshot below of my output and how I could achieve this.

"jim1234" <[email protected]> wrote in
message
news:g7eqkr$g6m$[email protected]..
> Ok, I know what the problem is, I just don't know a good
way to fix it.
>
> The problem is that the ArrayCollection that I use to
populate the data
> grid
> does not have data until after the initialize event is
fired. So I need
> to
> find out where/how to call the gc.refresh() method after
the
> ArrayCollection
> has data.
You're binding to it. Make sure it is bindable.

Advance Data Grid - Flat Query Array Collection To Grouping Collection Issue

Currently I have a Coldfusion CFC returning a flat query. The query is flat but returns data with four levels. For simplicity let's say Region, Territory, Title, and Person.
I place the data into an Array Collection in Flex and then use the Advanced Data Grid (ADG) with a Grouping Collection to create a hierarchy of Region, Territory, Title. At the lowest level of the ADG I have the Person data and that data is summarized up to the Region node. The problem I am having is that sometimes I do not have any person data but have data at the Title level that can be summarized up to the Region node.
For data where the Title does not have any Person information the Title node still can be expanded to show a blank Person row. How can I prevent blank Person rows from showing up while still maintaining the ability to properly show available Person rows?
Would using an XML Collection accomplish this?

Currently I have a Coldfusion CFC returning a flat query. The query is flat but returns data with four levels. For simplicity let's say Region, Territory, Title, and Person.
I place the data into an Array Collection in Flex and then use the Advanced Data Grid (ADG) with a Grouping Collection to create a hierarchy of Region, Territory, Title. At the lowest level of the ADG I have the Person data and that data is summarized up to the Region node. The problem I am having is that sometimes I do not have any person data but have data at the Title level that can be summarized up to the Region node.
For data where the Title does not have any Person information the Title node still can be expanded to show a blank Person row. How can I prevent blank Person rows from showing up while still maintaining the ability to properly show available Person rows?
Would using an XML Collection accomplish this?

Column formatting based on grouping data value- advanced data grid

Hello Everyone,
I am using advanced data grid to display hierarchial data nested upto depth 4. I have to color the leaf nodes conditionally based on the grouped column value.
Say for Eg.,
If the data is something like
Company
     Manager
          Jim          $4000
          John        $3000
     Accountant
          Smith     $2000
          Sam       $3000
I have to color Jim and John based on they being a manager. In other words, how do I get Manager and Company information for the leaf rows. The data is serial to start with and I am grouping it before displaying.
Please let me know how this could be done.
Thanks
Arun

Once htmldb.oracle.com is available again, you may have a look in my demo application:
http://htmldb.oracle.com/pls/otn/f?p=31517:1
In the tab section I, you will find several examples on pop-up pages. There this conditional
displaying is included as well.
Denes Kubicek

Ah! the delights of advanced data grid!

I have a xml hierarchical advanced data grid.
Is there a way to disable the folderIcons for the advanceddatagrid?
Or is there a way to integrate the folderIcon actions to selected row actions?
Right now, I have a listener for itemOpen. When one folder opens, then another one will close. However, when the user clicks on the folderIcon....it does not do this. I do not know how to access the expandeditem of the advanceddatagrid.
Thank you for your help!
Emma
* Also, the fonts are being embedded by css...when you click on the folder...the fonts jump while they are being propagated. suggestions?

That is a great idea...except I am using the selectRow to use these same events.
It seems what I need is access to the same selectedItem.
When I click on the row, I pass through _selectedItem from the event function.
However, it is a little bit more complicated for the drop down buttons.
I try to get the same format with this:
selectedItem=IHierarchicalCollectionView(adg.dataProvider).openNodes;
but I get an [object][object]
I found this bit of code on a site:
import mx.collections.HierarchicalCollectionView;
myOpenNodes:Array = new Array();
var HierColView:HierarchicalCollectionView = HierarchicalCollectionView(myADG.dataProvider);
for each ( var item:Object in HierColView.openNodes ) {
myOpenNodes.push(item);
myADG.dataProvider.openNodes = myOpenNodes;

Dumping data from an advanced data grid on the browser to microsoft Excel

I am building an app which enables a user to define a sql
query in a flex app on the browser. Once defined and the data
retrieved, the result set is then displayed in an advanced data
grid. The user then needs to be able to dump the data in the grid
to an Excel spreadsheet.
I'm wondering if anybody can point me to some possible
solutions for the Excel data dump part of this problem? Everything
else works.
Flex help does have one solution, but I'm getting an error
message that doesn't want to yield. I'd like to know if there are
other possibilities?
Thanks in advance. Jerry in Juneau, Alaska

What version are you using? If in 9i, you can use external tables. Otherwise, you will need either SQL loader, or to use ODBC. If you send me an example of your data, I can create a sample of each for you.

Advanced data grid and grouping

This is probably a basic questions, so hopefully someone will
know the answer. I have an advanced data grid that works find a
follows:
<mx:AdvancedDataGrid id="adgReportList"
horizontalCenter="0"
y="28" width="485" height="500" dataProvider="{reports}">
<mx:columns>
<mx:AdvancedDataGridColumn headerText="Proposal Number"
dataField="PROPOSAL_NUMBER"/>
<mx:AdvancedDataGridColumn headerText="Report Title"
dataField="REPORT_TITLE"/>
<mx:AdvancedDataGridColumn headerText="Report Start Date"
dataField="PERIOD_BEGINING"/>
</mx:columns>
</mx:AdvancedDataGrid>
So the data coming back seems to be fine. But when I try to
group the data as follows, nothing shows:
<mx:AdvancedDataGrid id="adgReportList"
horizontalCenter="0"
y="28" width="485" height="500"
initialize="gc.refresh();">
<mx:dataProvider>
<mx:GroupingCollection id="gc" source="{reports}">
<mx:grouping>
<mx:Grouping>
<mx:GroupingField name="PROPOSAL_NUMBER" />
</mx:Grouping>
</mx:grouping>
</mx:GroupingCollection>
</mx:dataProvider>
<mx:columns>
<mx:AdvancedDataGridColumn headerText="Proposal Number"
dataField="PROPOSAL_NUMBER"/>
<mx:AdvancedDataGridColumn headerText="Report Title"
dataField="REPORT_TITLE"/>
<mx:AdvancedDataGridColumn headerText="Report Start Date"
dataField="PERIOD_BEGINING"/>
</mx:columns>
</mx:AdvancedDataGrid>
Thanks for any help.
Jim

"jim1234" <[email protected]> wrote in
message
news:g7eqkr$g6m$[email protected]..
> Ok, I know what the problem is, I just don't know a good
way to fix it.
>
> The problem is that the ArrayCollection that I use to
populate the data
> grid
> does not have data until after the initialize event is
fired. So I need
> to
> find out where/how to call the gc.refresh() method after
the
> ArrayCollection
> has data.
You're binding to it. Make sure it is bindable.

Advanced Data Grid datasource Arraycollection addItem extremly slow

Hello everyone,
i want to add 2000 items to my existing arraycollection, which is the datasource for the Advanced Data Grid i made.
here is the code:
for(var i:int;i<res.length;i++) {
var swap:myDataGridObject = incomingdataarray[i];
datasourcearray.addItemAt(swap,i);
it takes about 2 minutes .... thats very slow, thinking of one is waiting 2 minutes every time he expanded a node in the tree.
as a solution i tryied to do it like this:
datasourcearray = new ArrayCollection( ObjectUtil.copy( incomingdataarray.source ) as Array );
the result is that it is actually working, but i can not expand my treenodes any longer. there seemed to be no items in there.
adatagrid.valdiatednow() also has no effect.
perhaps anybody came across the same thing an can help me out
thanks
steff

Hi,
first, thank u for your fast answer. I try to add Items to a ArrayCollection which is the dataprovider from my ADG.
i did this in this way:
for(var i:int;i<incomingDataArray.length;i++) {
var swap:myObject = incomingDataArray[i];
datasourceAC.addItemAt(swap,i);
i get the data from another method in form of a array collection, which contains many of the myObjects Elements.
The datasourceAC is the provider as mentioned above. the only way it works for me to add the items to the dataSourceAC and the ADG beeing updated in the
correct way is this one. but its very slow....
now i tried your hint like this:
var sourceArray:Array = datasourceAC.source;
for(var i:int;i<incomingDataArray.length;i++) {
var swap:myObject = incomingDataArray[i];
sourceArray.push(swap);
datasourceAC.refresh();
the result is that the nodes are loaded an displayed but i can not expand them any longer. they seemed to be empty.
as i traced that problem a little closer i realized that my groupingfunction isnt called either.... i dont know wh y;(
hope that explains everything
thanks for help
steffan

Problem with advanced data Grid

Similar Messages

Maybe you are looking for