Click here to Skip to main content
15,891,184 members
Articles / Web Development / ASP.NET

COMET (or Reverse AJAX) based Grid Control for ASP.NET Web Applications - Scalable, High Performance and Low Latency Grid Control

Rate me:
Please Sign up or sign in to vote.
4.81/5 (49 votes)
1 Apr 2009CPOL8 min read 231.8K   5K   138  
A COMET/Reverse Ajax based Web Grid Control, which can be used in ASP.NET web application. This control posts the updates to the client based on Server side event(s) thereby reducing network round trips.
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="Test._Default" %>

<%@ Register assembly="GridControlCometAjax" namespace="BK.Util" tagprefix="cc1" %>

<!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 runat="server">
    <title>Untitled Page</title>
    <style type="text/css">
        .style1
        {
            text-align: left;
        }
        .style2
        {
            font-size: large;
        }
        .style3
        {
            color: #000099;
        }
        .style4
        {
            text-decoration: underline;
        }
    </style>
</head>
<body>
    <form id="form1" runat="server">
    <div>
    
        <div class="style1" 
            style="margin: auto; background-color: #FFFFFF; background-repeat: repeat-x; padding-top: inherit; padding-right: 10px; padding-bottom: 1px; padding-left: inherit;">
            <h1>
                <b style="color: #000066; text-align: center">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
                Your Current Portfolio </b>
            </h1>
            <span class="style3">Hello! The below is demonstration of GridControlCometAjax 
            custom web control.&nbsp; This is to demonstrate the COMET technique to push 
            data from server side.&nbsp; i.e., the values in the below table is not updated 
            based on time polling.&nbsp; Instead the data is pushed from server whenever new 
            data is available.&nbsp; This improves server performance, network performance, 
            reduces cost and saves server maintenance time.&nbsp; However, the numbers in 
            the grid are random and meaningless!.</span><br />
            <br />
            <b><span class="style2"><span class="style4">Current status of Portfolio A &amp; 
            Portfolio B:</span><br />
            <asp:Table ID="Table1" runat="server" HorizontalAlign="Left">
                <asp:TableRow runat="server">
                    <asp:TableCell runat="server">Portfolio A</asp:TableCell>
                </asp:TableRow>
            </asp:Table>
            <asp:Table ID="Table2" runat="server" HorizontalAlign="Right">
                <asp:TableRow runat="server">
                    <asp:TableCell runat="server"><b><span class="style2">Portfolio B</span></b></asp:TableCell>
                </asp:TableRow>
            </asp:Table>
            <br />
            <br />
            </span></b>
        
        <cc1:GridControlCometAjax ID="GridControlCometAjax1" runat="server" 
            ForeColor="#003300" BackColor="#FFF5D7" BorderStyle="Solid" BorderWidth="1px" 
                CaptionAlign="Top" Font-Bold="True" Font-Size="Small" GridLines="Both" 
                Height="175px" HorizontalAlign="Left" ToolTip="Current details" Width="318px">
            <asp:TableRow runat="server" BorderWidth="8px">
                <asp:TableCell runat="server" HorizontalAlign="Center"></asp:TableCell>
                <asp:TableCell runat="server" HorizontalAlign="Center"></asp:TableCell>
                <asp:TableCell runat="server" HorizontalAlign="Center"></asp:TableCell>
                <asp:TableCell runat="server" HorizontalAlign="Center"></asp:TableCell>
                <asp:TableCell runat="server" HorizontalAlign="Center"></asp:TableCell>
            </asp:TableRow>
            <asp:TableRow runat="server" BorderWidth="8px" HorizontalAlign="Center">
                <asp:TableCell runat="server"></asp:TableCell>
                <asp:TableCell runat="server"></asp:TableCell>
                <asp:TableCell runat="server"></asp:TableCell>
                <asp:TableCell runat="server"></asp:TableCell>
                <asp:TableCell runat="server"></asp:TableCell>
            </asp:TableRow>
            <asp:TableRow runat="server" BorderWidth="8px" HorizontalAlign="Center">
                <asp:TableCell runat="server"></asp:TableCell>
                <asp:TableCell runat="server"></asp:TableCell>
                <asp:TableCell runat="server"></asp:TableCell>
                <asp:TableCell runat="server"></asp:TableCell>
                <asp:TableCell runat="server"></asp:TableCell>
            </asp:TableRow>
            <asp:TableRow runat="server" BorderWidth="8px" HorizontalAlign="Center">
                <asp:TableCell runat="server"></asp:TableCell>
                <asp:TableCell runat="server"></asp:TableCell>
                <asp:TableCell runat="server"></asp:TableCell>
                <asp:TableCell runat="server"></asp:TableCell>
                <asp:TableCell runat="server"></asp:TableCell>
            </asp:TableRow>
            <asp:TableRow runat="server" BorderWidth="8px" HorizontalAlign="Center">
                <asp:TableCell runat="server"></asp:TableCell>
                <asp:TableCell runat="server"></asp:TableCell>
                <asp:TableCell runat="server"></asp:TableCell>
                <asp:TableCell runat="server"></asp:TableCell>
                <asp:TableCell runat="server"></asp:TableCell>
            </asp:TableRow>
        </cc1:GridControlCometAjax>
        
        <cc1:GridControlCometAjax ID="GridControlCometAjax2" runat="server" 
            ForeColor="#003300" BackColor="#D3D3A9" BorderColor="#FFD8B0" 
                BorderStyle="Solid" BorderWidth="1px" CaptionAlign="Top" Font-Bold="True" 
                Font-Size="Small" GridLines="Both" Height="175px" HorizontalAlign="Right" 
                style="text-align: right" ToolTip="Current details" Width="318px">
            <asp:TableRow runat="server" BorderWidth="8px">
                <asp:TableCell runat="server" HorizontalAlign="Center"></asp:TableCell>
                <asp:TableCell runat="server" HorizontalAlign="Center"></asp:TableCell>
                <asp:TableCell runat="server" HorizontalAlign="Center"></asp:TableCell>
                <asp:TableCell runat="server" HorizontalAlign="Center"></asp:TableCell>
                <asp:TableCell runat="server" HorizontalAlign="Center"></asp:TableCell>
            </asp:TableRow>
            <asp:TableRow runat="server" BorderWidth="8px" HorizontalAlign="Center">
                <asp:TableCell runat="server"></asp:TableCell>
                <asp:TableCell runat="server"></asp:TableCell>
                <asp:TableCell runat="server"></asp:TableCell>
                <asp:TableCell runat="server"></asp:TableCell>
                <asp:TableCell runat="server"></asp:TableCell>
            </asp:TableRow>
            <asp:TableRow runat="server" BorderWidth="8px" HorizontalAlign="Center">
                <asp:TableCell runat="server"></asp:TableCell>
                <asp:TableCell runat="server"></asp:TableCell>
                <asp:TableCell runat="server"></asp:TableCell>
                <asp:TableCell runat="server"></asp:TableCell>
                <asp:TableCell runat="server"></asp:TableCell>
            </asp:TableRow>
            <asp:TableRow runat="server" BorderWidth="8px" HorizontalAlign="Center">
                <asp:TableCell runat="server"></asp:TableCell>
                <asp:TableCell runat="server"></asp:TableCell>
                <asp:TableCell runat="server"></asp:TableCell>
                <asp:TableCell runat="server"></asp:TableCell>
                <asp:TableCell runat="server"></asp:TableCell>
            </asp:TableRow>
            <asp:TableRow runat="server" BorderWidth="8px" HorizontalAlign="Center">
                <asp:TableCell runat="server"></asp:TableCell>
                <asp:TableCell runat="server"></asp:TableCell>
                <asp:TableCell runat="server"></asp:TableCell>
                <asp:TableCell runat="server"></asp:TableCell>
                <asp:TableCell runat="server"></asp:TableCell>
            </asp:TableRow>
        </cc1:GridControlCometAjax>
        
        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
            <br />
            <br />
            <br />
&nbsp;<br />
            <br />
            <br />
            <br />
            <br />
            <br />
            <br />
            <br />
            <br />
            <br />
            <br />
            <br />
            <br />
            <br />
            <br />
            <br />
            <br />
            <br />
            <br />
            <br />
            <br />
            <br />
            <br />
            <br />
            <br />
            <br />
            <br />
            <br />
            <br />
            <br />
        
        <br />
        
        </div>
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        
        <br />
        <br />
    
    </div>
    </form>
</body>
</html>

By viewing downloads associated with this article you agree to the Terms of Service and the article's licence.

If a file you wish to view isn't highlighted, and is a text file (not binary), please let us know and we'll add colourisation support for it.

License

This article, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)


Written By
Software Developer (Senior)
United States United States
This member has not yet provided a Biography. Assume it's interesting and varied, and probably something to do with programming.

Comments and Discussions