Core

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

State Managers: Serialization

Gaia Ajax detects property changes during ajax callbacks and serializes changes back to the client. In this example 25 nested labels are rendered and the backColor style is serialized for that element on the OnClick event. The key point behind this sample is to demonstrate that basic ajax re-rendering is flawfull in that it would generate too much response for the simple change of a property.

Which rendering strategy would you prefer

Partial Rendering
Gaia StateManagers

Click on any of the Boxes

With 40 nested labels, the partial rendering strategy delivers around 8.5KB of data, while the simple serialization of the property takes around 512 bytes. Partial rendering then occupies approx 16X more bandwidth in this simple case. Imagine a more complex page?

Don't believe it? Download Firebug or Fiddler and see for yourself

ASPX Markup
C# code
VB.NET
styles.css

Markup (ASPX/.aspx)
  
     <p> Which rendering strategy would you prefer</p>
     <gaia:RadioButtonList ID="zRenderOption" runat="server">
         <Items>
             <asp:ListItem Value="0" Text="Partial Rendering"></asp:ListItem>
             <asp:ListItem Selected="True" Value="1" Text="Gaia StateManagers"></asp:ListItem>
         </Items>
     </gaia:RadioButtonList>
     <h2>Click on any of the Boxes</h2>
     <gaia:Panel id="zRoot" runat="server" CssClass="root-panel"></gaia:Panel>
     
     <p style="color: #a05;">With 40 nested labels, the partial rendering strategy delivers around
     <b>8.5KB of data</b>, while the simple serialization of the property takes around 512 bytes. Partial rendering
     then occupies approx <b><u>16X</u></b> more bandwidth in this simple case. Imagine a more complex page?  
     </p>
     <br />
     <i>Don't believe it? Download <a href="http://getfirebug.com/" title="FireBug">Firebug</a> or <a href="http://www.fiddler2.com/fiddler2/" title="Fiddler">Fiddler</a>  and see for yourself</i>
  