<div>
Consider this little application. 
I think it does what you want. Right? 

<pre><code class="code-10 nolinks" id="code-265776">&lt;?xml version=&quot;1.0&quot;?&gt;
&lt;mx:Application xmlns:mx=&quot;http://www.adobe.com/2006/mxml&quot;&gt;
 
 &lt;mx:Script&gt;
 &lt;![CDATA[
 import mx.collections.ArrayCollection;
 
 [Bindable]
 private var dpFlat:ArrayCollection = new ArrayCollection([
 {Region:&quot;Southwest&quot;, Territory:&quot;Arizona&quot;, 
 Territory_Rep:&quot;Barbara Jennings&quot;, Actual:38865, Estimate:40000}, 
 {Region:&quot;Southwest&quot;, Territory:&quot;Arizona&quot;, 
 Territory_Rep:&quot;Dana Binn&quot;, Actual:29885, Estimate:30000}, 
 {Region:&quot;Southwest&quot;, Territory:&quot;Central California&quot;, 
 Territory_Rep:&quot;Joe Smith&quot;, Actual:29134, Estimate:30000}, 
 {Region:&quot;Southwest&quot;, Territory:&quot;Nevada&quot;, 
 Territory_Rep:&quot;Bethany Pittman&quot;, Actual:52888, Estimate:45000}, 
 {Region:&quot;Southwest&quot;, Territory:&quot;Northern California&quot;, 
 Territory_Rep:&quot;Lauren Ipsum&quot;, Actual:38805, Estimate:40000}, 
 {Region:&quot;Southwest&quot;, Territory:&quot;Northern California&quot;, 
 Territory_Rep:&quot;T.R. Smith&quot;, Actual:55498, Estimate:40000}, 
 {Region:&quot;Southwest&quot;, Territory:&quot;Southern California&quot;, 
 Territory_Rep:&quot;Alice Treu&quot;, Actual:44985, Estimate:45000}, 
 {Region:&quot;Southwest&quot;, Territory:&quot;Southern California&quot;, 
 Territory_Rep:&quot;Jane Grove&quot;, Actual:44913, Estimate:45000}
 ]);
 ]]&gt;
 &lt;/mx:Script&gt;
 
 &lt;mx:Panel title=&quot;AdvancedDataGrid Control Example&quot;
 height=&quot;75%&quot; width=&quot;75%&quot; layout=&quot;horizontal&quot;
 paddingTop=&quot;10&quot; paddingBottom=&quot;10&quot; paddingLeft=&quot;10&quot; paddingRight=&quot;10&quot;&gt;
 
 &lt;mx:AdvancedDataGrid id=&quot;myADG&quot; 
 width=&quot;100%&quot; height=&quot;100%&quot; 
 initialize=&quot;gc.refresh();&quot;&gt; 
 &lt;mx:dataProvider&gt;
 &lt;mx:GroupingCollection id=&quot;gc&quot; source=&quot;{dpFlat}&quot;&gt;
 &lt;mx:grouping&gt;
 &lt;mx:Grouping&gt;
 &lt;mx:GroupingField name=&quot;Region&quot;/&gt;
 &lt;mx:GroupingField name=&quot;Territory&quot;/&gt;
 &lt;/mx:Grouping&gt;
 &lt;/mx:grouping&gt;
 &lt;/mx:GroupingCollection&gt;
 &lt;/mx:dataProvider&gt; 
 
 &lt;mx:columns&gt;
 &lt;mx:AdvancedDataGridColumn dataField=&quot;Region&quot;/&gt;
 &lt;mx:AdvancedDataGridColumn dataField=&quot;Territory&quot;/&gt;
 &lt;mx:AdvancedDataGridColumn dataField=&quot;Territory_Rep&quot;
 headerText=&quot;Territory Rep&quot;/&gt;
 &lt;mx:AdvancedDataGridColumn dataField=&quot;Actual&quot;/&gt;
 &lt;mx:AdvancedDataGridColumn dataField=&quot;Estimate&quot;/&gt;
 &lt;/mx:columns&gt;
 &lt;/mx:AdvancedDataGrid&gt;
 &lt;/mx:Panel&gt;
 
&lt;/mx:Application&gt;
</code></pre>
</div>

<div>
well, no, 
It creates a parent column (Region) and its sub parent (Territory). 
What I need is to make Region as the logic parent but the only parent column visible is Territory. 
Region should look as a child
</div>

<div>
&gt;&gt; What I need is to make Region as the logic parent 
&gt;&gt;&nbsp;Region should look as a child 
So you want Region to be the logic parent of Territory, while you want to see it as a child of Territory? 
Why do you want to see the parent-child relation otherwise then it really is?
</div>

<div>
Do you mean this? 
I really don't get it, I think. 
Could you draw it somehow? 

<pre><code class="code-10 nolinks" id="code-265920"> &lt;mx:AdvancedDataGrid id=&quot;myADG&quot; 
 width=&quot;100%&quot; height=&quot;100%&quot; 
 initialize=&quot;gc.refresh();&quot;&gt; 
 &lt;mx:dataProvider&gt;
 &lt;mx:GroupingCollection id=&quot;gc&quot; source=&quot;{dpFlat}&quot;&gt;
 &lt;mx:grouping&gt;
 &lt;mx:Grouping&gt;
 	 &lt;mx:GroupingField name=&quot;Territory&quot;/&gt;
 &lt;mx:GroupingField name=&quot;Region&quot;/&gt;
 
 &lt;/mx:Grouping&gt;
 &lt;/mx:grouping&gt;
 &lt;/mx:GroupingCollection&gt;
 &lt;/mx:dataProvider&gt; 
 
 &lt;mx:columns&gt;
 &lt;mx:AdvancedDataGridColumn dataField=&quot;Territory&quot;/&gt;
 &lt;mx:AdvancedDataGridColumn dataField=&quot;Region&quot;/&gt;
 &lt;/mx:columns&gt;
 &lt;/mx:AdvancedDataGrid&gt;
</code></pre>
</div>

<div>
Yes, it sounds stupid but we have already an old application using html and there this attributes: 
HirarchyColumnId (Teritory in our case) 
ParentId(Region), 
 
The user can switch between Hirarchy ids, but the parent will always remain the logic parent. 
This is actualy done in TreeGrid if we drag a column to be the first field, it becomes the hirarch column, 
can we do that in code? 
 
Thanks for your help 
</div>

<div>
Well I have come a cross a very crucial issue I have problem with, 
frankly its more importent and of course I will raise my granted points :))) if you can help me here. 
I am using ItemRenderer for my grid and RemoteObject to retrieve the data to the grid. 
When first loaded I create a new RemoteObject and display the grid. 
How can I do a lazy loading using the ItemRenderer to retrieve the relevant data from the server of the parent and childs? 
should I create a new RemoteObject? but where do I place it in the renderer? 
 
This is very importent to me, if you can help me here, 
Please 
 
Thanks man 
 
Jo
</div>

<div>
This is the max point I've got :(
</div>

<div>
&gt;&gt; This is the max point I've got :( 
That's no problem. 
 
&gt;&gt;&nbsp;How can I do a lazy loading using the ItemRenderer to retrieve the relevant data from the server of the parent and childs? 
Lazy loading is a matter of going (once) to the server only when needed. 
 
some kind of: 
 
private var _data:YourData = null; 
 
private function get dataToVisualize():YourData { 
&nbsp; &nbsp; &nbsp;if (_data==null) { 
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;_data = .... // get it by going to the server 
&nbsp; &nbsp; &nbsp;} 
&nbsp; &nbsp; &nbsp;return _data; 
}
</div>

<div>
thanks for the help, 
Should this routine be in the ItemRenderer? where? 
for retrieving the exact data when I open a parent node (to show all its childrens) I need to know what node was clicked, where do I get it from? 
The follwing function(in my ItemIRenderer) is executed when I click on a parent node: 
&nbsp; &nbsp; &nbsp; &nbsp;public function set listData(value:BaseListData):void 
&nbsp; &nbsp; &nbsp; &nbsp; { 
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;_listData = DataGridListData(value); 
&nbsp; &nbsp; &nbsp; &nbsp; } 
 
I think I need to replace the value by going to the server, I can do that by creating a new RemoteObject and get the relevant data by sending the parent id, 
How do I get this parentId? 
 
I have lots of Q's :(( 
Please advise if you can 
 
Thanks man :)
</div>

<div>
&gt;&gt; I need to know what node was clicked, where do I get it from? 
out of the datagrid 
 
&nbsp; &nbsp; &nbsp; &nbsp;public function set listData(value:BaseListData):void { 
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;_listData = DataGridListData(value); 
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;var dg:DataGrid = DataGrid(_listData.owner); 
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;// now you can get the selected row and out of that you can probably het the parent id 
&nbsp; &nbsp; &nbsp; &nbsp; } 
</div>

<div>
Ok, 
SO if I understand you it should look something like that: 
public function set listData(value:BaseListData):void { 
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;_listData = DataGridListData(value); 
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;var dg:DataGrid = DataGrid(_listData.owner); 
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; 
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;var dataService:RemoteObject; 
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; dataService = new RemoteObject(&quot;MyHandler2&quot;); 
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;.... 
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;.... 
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;// retrieving the new data from the server 
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; dg.dataProvider = myNewLimitedDataProvider 
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;var openNodes:Object = IHierarchicalCollectionView(adg.dataProvider).openNodes; 
&nbsp; &nbsp; &nbsp; &nbsp; adg.validateNow(); 
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;IHierarchicalCollectionView(adg.dataProvider).openNodes = openNodes; 
&nbsp; &nbsp; &nbsp; &nbsp; } 
 
Never tried that.... 
is that sims correct? 
should it all be in this function? 
should i update &nbsp;_listData &nbsp;again? 
 
Thanks man
</div>

<div>
I will try that, 
my last question realy :)) 
As you've seen, I created the RemoteObject, now I need to activate it manualy 
what should I do to fire the remoteObject to get my data back? 
 
Thanks a lot man, you realy helped me 

</div>

<div>
&gt;&gt; what should I do to fire the remoteObject to get my data back? 
Sorry, I don't know. 
You'll have to search for documentation on how to work with RemoteObjects
</div>

<div>
<div class="content wysiwyg-content">
Hi, 
I am creating a TreeGrid using the AdvancedDataGrid in Flex 3. 
 
The function that build my group columns is : 
 
private function setGroupedColumns():void 
{ 
 
 
var groupingCollection:GroupingCollection=new GroupingCollection() 
 
var grouping:Grouping=new Grouping() 
var groupingField:GroupingField 
 
grouping.fields=new Array() 
 
// Set the parents columns 
var parentIds:ArrayCollection = properties.parantIdColumns as 
ArrayCollection; 
 
// Setting the Parent field 
groupingField=new GroupingField(&quot;parent&quot;); 
grouping.fields.push(groupingField) 
 
 
groupingCollection.source=ArrayCollection(remoteDP) 
 
groupingCollection.grouping=grouping 
groupingCollection.refresh() 
myADG.dataProvider=groupingCollection 
} 
 
 
Here I get a Tree and &quot;parent&quot; field as its parent. 
If I push more fields to 
grouping.fields.push(groupingField) 
I get more sub childrens. 
Thats not what I need. 
 
 
How can I set parent field to stay the parent (in the background) but 
to set different field(column) to be the hirarchy column (with the 
folder icon or arrow). 
 
The parent column should look as a normal column but the hirarchy 
will be based on its data. the Tree appearance will be shown in a 
different field. 
 
Can I do it? 
 
Thanks 
 
Jo 

</div>
</div>

Hi,
I am creating a TreeGrid using the AdvancedDataGrid in Flex 3.

The function that build my group columns is :

private function setGroupedColumns():void
{


var groupingCollection:GroupingCollection=new GroupingCollection()

var grouping:Grouping=new Grouping()
var groupingField:GroupingField

grouping.fields=new Array()

// Set the parents columns
var parentIds:ArrayCollection = properties.parantIdColumns as
ArrayCollection;

// Setting the Parent field
groupingField=new GroupingField("parent");
grouping.fields.push(groupingField)


groupingCollection.source=ArrayCollection(remoteDP)

groupingCollection.grouping=grouping
groupingCollection.refresh()
myADG.dataProvider=groupingCollection
}


Here I get a Tree and "parent" field as its parent.
If I push more fields to
grouping.fields.push(groupingField)
I get more sub childrens.
Thats not what I need.


How can I set parent field to stay the parent (in the background) but
to set different field(column) to be the hirarchy column (with the
folder icon or arrow).

The parent column should look as a normal column but the hirarchy
will be based on its data. the Tree appearance will be shown in a
different field.

Can I do it?

Thanks

Jo


Seperate Parent Field &amp; Hirarchy Field in AdvancedDataGrid - please help

Apache Flex is a highly productive, open source application framework for building and maintaining expressive web applications that deploy consistently on all major browsers, desktops and devices (including smartphones, tablets and television). It provides a modern, standards-based language and programming model that supports common design patterns suitable for developers from many backgrounds. Flex applications can be deployed to the Adobe Player in the browser, Adobe AIR on desktop and mobile devices or to native Android, iOS, Windows or Mac applications.

Seperate Parent Field &amp; Hirarchy Field in AdvancedDataGrid - please help

Seperate Parent Field & Hirarchy Field in AdvancedDataGrid - please help