8/17/2010 11:12:17 PM
Title:
Adding multicolumns in Single column datagrid?
Hi,
I have datagrid, In datagrid having multiple columns.
like no, name, adress(village, city, state).
My Question is how to show address headercolumn in like
no, name, Village:
City:
State:
1, xxx, dd
bb
cc
2, yyy, pp
gg
hh.......etc
i want this type of header row, Please any one provide the solution, its urgent for me?
with Reagards,
K.V.Ramakrishna
8/18/2010 3:53:29 AM
As far as i have understood ur problem, u need the village column containing 2 values city and state rite??
for that u can use inline renderer for the village column alone and use 2 labels to show city and state..
I have just used dummy data...
if this is not you want, plz tel us the problem clearly
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" creationComplete="init()">
<mx:DataGrid x="19" y="45" id="grid" width="448" height="192">
<mx:columns>
<mx:DataGridColumn headerText="Name" dataField="name"/>
<mx:DataGridColumn headerText="Age" dataField="age"/>
<mx:DataGridColumn headerText="Details" dataField="">
<mx:itemRenderer>
<mx:Component>
<mx:Canvas width="100%" height="100%">
<mx:Label text="City: {data.city}" top="5" left="10"/>
<mx:Label text="State: {data.state}" top="20" left="10"/>
</mx:Canvas>
</mx:Component>
</mx:itemRenderer>
</mx:DataGridColumn>
</mx:columns>
</mx:DataGrid>
<mx:Script>
<![CDATA[
import mx.collections.ArrayCollection;
private var dataxml:XML= new XML(
<root>
<data>
<name>venky</name>
<age>23</age>
<city>chennai</city>
<state>TN</state>
</data>
<data>
<name>venky</name>
<age>23</age>
<city>chennai</city>
<state>TN</state>
</data>
<data>
<name>venky</name>
<age>23</age>
<city>chennai</city>
<state>TN</state>
</data>
<data>
<name>venky</name>
<age>23</age>
<city>chennai</city>
<state>TN</state>
</data>
</root>);
private function init():void
{
var arrColl:ArrayCollection= new ArrayCollection();
for each(var xm:XML in dataxml.data)
{
var obj:Object={
name : xm.name,
age : xm.age,
city : xm.city,
state : xm.state
}
arrColl.addItem(obj);
}
grid.dataProvider=arrColl;
}
]]>
</mx:Script>
</mx:Application>