Hi
Here comes an example
public partial class Test_Default : System.Web.UI.Page
{
object[] objArray = new object[] { };
protected override void OnInit(EventArgs e)
{
LoadData();
}
Protected void LoadData()
{
ArrayList listData = new ArrayList(objArray);
listData.Add(new object[] { "Group 1", "A", "B" });
listData.Add(new object[] { "Group 1", "A", "A" });
listData.Add(new object[] { "Group 1", "C", "B" });
listData.Add(new object[] { "Group 1", "C", "A" });
listData.Add(new object[] { "Group 1", "B", "B" });
listData.Add(new object[] { "Group 1", "B", "A" });
listData.Add(new object[] { "Group 2", "A", "A" });
this.Store1.DataSource = listData;
this.Store1.DataBind();
}
protected void Store1_RefershData(object sender, StoreRefreshDataEventArgs e)
{
LoadData();
}
}
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
<title></title>
<link href="TravelPerfectSalesPort.css" rel="stylesheet" type="text/css" />
</head>
<body>
<form id="form1" runat="server">
<ext:ScriptManager ID="ScriptManager1" runat="server">
</ext:ScriptManager>
<ext:Store ID="Store1" runat="server" GroupField="GroupID" OnRefreshData="Store1_RefershData" >
<Reader>
<ext:ArrayReader>
<Fields>
<ext:RecordField Name="GroupID" />
<ext:RecordField Name="Col1" />
<ext:RecordField Name="Col2" />
</Fields>
</ext:ArrayReader>
</Reader>
<SortInfo Field="" Direction="ASC" />
</ext:Store>
<ext:GridPanel
ID="GridPanel"
runat="server"
StoreID="Store1"
StripeRows="true"
AutoHeight="true"
>
<ColumnModel ID="ColumnModel1" runat="server">
<Columns>
<ext:Column ColumnID="GroupID" Header="Group ID" DataIndex="GroupID" />
<ext:Column ColumnID="Col1" Header="Col 1" DataIndex="Col1" />
<ext:Column ColumnID="Col2" Header="Col 2" DataIndex="Col2" />
</Columns>
</ColumnModel>
<View>
<ext:GroupingView ID="GroupingView1"
HideGroupedColumn="true"
runat="server"
ForceFit="true"
StartCollapsed="true"
GroupTextTpl='{text} ({[values.rs.length]} {[values.rs.length > 1 ? "Groups" : "Group"]})'
EnableRowBody="false">
</ext:GroupingView>
</View>
</ext:GridPanel>
</form>
</body>
</html>
Best regards
Mikael Jürke