BasicControls

Core

Basic Controls Extension Controls Community Extensions Aspects Effects Combinations

Why Gaia Ajax?
The ASP.NET world needed a fast, lightfoot and intelligent library.
Gaia boosts your webapp development using C# or VB.NET and your existing ASP.NET knowledge. Gaia only sends what has changed back to the browser.
The result: a rich and responsive user experience.

Runs on ASP.NET

Gaia Ajax: Nested GridViews

Here we are showing how easily you can build nested gridviews. Though this functionality is quite advanced and highly efficient, there is not much coding required. Also note that we are using the XmlDataSource as the source for this example, using XPath in each of the nested level.

Customer

Yellow Company Inc

Show Orders

Blue Company Inc

Show Orders

ASPX Markup
C# code
VB.NET
OrderGridView.ascx
OrderGridView.ascx.cs
OrderLineGridView.ascx
OrderLineGridView.ascx.cs
styles.css

Markup (ASPX/.aspx)
  
 <gaia:GridView 
     ID="zGvP" 
     runat="server" 
     AutoGenerateColumns="false" 
     DataSourceID="XmlDataSource1" 
     Width="100%">
     <Columns>
         <gaia:BoundField 
             HeaderText="Customer" 
             DataField="Name" 
             ItemStyle-CssClass="customer-cell" />
         <asp:TemplateField>
             <ItemTemplate>
                 <uc1:OrderGridView 
                     ID="zUcC" 
                     runat="server" 
                     GridDataSource='<%# XPathSelect("Order") %>' />
             </ItemTemplate>
         </asp:TemplateField>
     </Columns>
 </gaia:GridView>
     
 <asp:XmlDataSource 
     ID="XmlDataSource1" 
     runat="server" 
     DataFile="~/App_Data/customers-orderheaders-orderlines.xml">
 </asp:XmlDataSource>
  