Telerik is a leading vendor of ASP.NET AJAX, ASP.NET MVC, Silverlight, WinForms and WPF controls and components, as well as .NET Reporting, .NET ORM , .NET CMS, Code Analysis, Mocking, Team Productivity and Automated Testing Tools. Building on its expertise in interface development and Microsoft technologies, Telerik helps customers build applications with unparalleled richness, responsiveness and interactivity. Telerik products help thousands of companies to be more productive and deliver reliable applications under budget and on time.
Version Q1 2012 released 04/11/2012
select

Grid / Web Mail Grid

Next database reset in 0 hours, 5 minutes, 6 seconds
select




EWarner@web.comSeward Canham3/28/2010Feature_Request - RadControls for ASP.NET AJAX in Sharepoint2  
NBullard@web.comNolene Bullard3/28/2010Bug_Report - RadControls for ASP.NET AJAX8 Important
TSholl@web.comTheodora Sholl3/28/2010Support - RadControls for ASP.NET AJAX9  
SWard@web.comGayle Tomlinson3/28/2010Forum - RadControls for ASP.NET AJAX in Sharepoint65  
GTomlinson@web.comElsa Warner3/28/2010Support - RadControls for ASP.NET AJAX6 Important
FDuncan@web.comKelvin Ann3/27/2010Feedback - RadControls for ASP.NET AJAX54 Important
KAnn@web.comScout Bonner3/27/2010Support - RadControls for ASP.NET AJAX2 Important
LSanborn@web.comSophronia Ward3/27/2010Bug_Report - RadControls for ASP.NET AJAX87  
SBonner@web.comEvelina Omara3/27/2010Forum - RadControls for ASP.NET AJAX in Sharepoint4378  
JGreenawalt@web.comJamaar Greenawalt3/27/2010Bug_Report - RadControls for ASP.NET AJAX5678 Important
CCox@web.comCarina Cox3/27/2010Feature_Request - RadControls for ASP.NET AJAX in Sharepoint234  
EOmara@web.comLaurelle Sanborn3/27/2010Bug_Report - RadControls for ASP.NET AJAX in DNN5  
ARodacker@web.comFrances Heckendora3/26/2010Support - RadControls for ASP.NET AJAX856  
FHeckendora@web.comIrving Saline3/26/2010Feature_Request - RadControls for ASP.NET AJAX3  
ACatherina@web.comAntonette Rodacker3/26/2010Feedback - RadControls for ASP.NET AJAX3 Important
ISaline@web.comAmbrosine Catherina3/26/2010Bug_Report - RadControls for ASP.NET AJAX in DNN23  
BAtkinson@web.comBoyce Atkinson3/26/2010Feedback - RadControls for ASP.NET AJAX in Sharepoint5  
JQueer@web.comFannie Duncan3/26/2010Feature_Request - RadControls for ASP.NET AJAX in Sharepoint89  
CPeters@web.comJenae Queer3/26/2010Bug_Report - RadControls for ASP.NET AJAX in Sharepoint23  
BNehling@web.comCorrine Peters3/26/2010Bug_Report - RadControls for ASP.NET AJAX645  


  • The WebMail Grid demo allows to:
    • Change the visual appearance of the control via the skin chooser
    • Filter the control's contents either pressing the [FILTER] button or hitting keyboard [ENTER] key
    • Dynamically load records dragging the vertical scroll to the bottom
    • All operations are performed with asynchronous requests using the built-in RadGrid Ajax mechanism
    • Delete records pressing the delete button in arbitrary row
    • Select items by either clicking on them/dragging region to select/change the status of a row's checkbox

Source Code

C# VB.NET
Show code in new window Demo isolation steps
  • <%@ Page Language="VB" AutoEventWireup="false" CodeFile="DefaultVB.aspx.vb" Inherits="Grid.Examples.DataEditing.TemplateFormUpdate.DefaultVB" %>

    <%@ Register TagPrefix="telerik" Namespace="Telerik.QuickStart" %>
    <%@ Register TagPrefix="telerik" TagName="Header" Src="~/Common/Header.ascx" %>
    <%@ Register TagPrefix="telerik" TagName="HeadTag" Src="~/Common/HeadTag.ascx" %>
    <%@ Register TagPrefix="telerik" TagName="Footer" Src="~/Common/Footer.ascx" %>
    <%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %>
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
        <telerik:HeadTag runat="server" ID="Headtag2"></telerik:HeadTag>
        <!-- custom head section -->
            <style type="text/css">
                .buttonTop
                {
                    float:left;
                    margin: 54px 10px 11px 10px;
                }
                .RadGrid th input
                {
                    margin-top:0;
                    margin-bottom:0;
                    height:12px;
                }
                .filterLabel
                {
                 color:#fcfcfc;            
                }
            </style>

            <script type="text/javascript">
             <!--
                function RadGrid1_Scroll(sender, args)
                {
                  if(args.get_isOnBottom())
                  {
                    var currentlyDisplayedRecords = sender.get_masterTableView().get_pageSize() * (sender.get_masterTableView().get_currentPageIndex() + 1);
                    
                    //if the presently visible items are less than the entire source records count
                    //trigger an ajax request to increase them
                    if(currentlyDisplayedRecords < 51)
                    {
                      var newPageSize = sender.get_masterTableView().get_pageSize() + 10;
                      sender.get_masterTableView().set_pageSize(newPageSize);
                    }
                  }
                }

                 function CustomAction()
                 {
                     alert("Custom Action Triggered");
                 }
                 -->
            </script>
        <!-- end of custom head section -->
    </head>
    <body class="BODY">
        <form id="mainForm" runat="server">
            <telerik:Header runat="server" ID="Header1" NavigationLanguage="VB" ShowDbResetTimer="true"></telerik:Header>
          <telerik:RadScriptManager ID="RadScriptManager1" runat="server" />
            <!-- content start -->
            <div style="background:url(Img/Main_Back.png) no-repeat; width:875px; height:528px; padding: 0 0 0 5px;">
                <div style="float: right; margin: 69px 30px 0px 0px; width: 390px;">
                    <div style="float: left; width: 345px;">
                    <telerik:RadCombobox ID="rcbFieldName" runat="server" Label="Filter: " LabelCssClass="filterLabel">
                        <Items>
                            <telerik:RadComboBoxItem Text="From" Value="From" />
                            <telerik:RadComboBoxItem Text="Name" Value="Name" />
                            <telerik:RadComboBoxItem Text="Subject" Value="Subject" />
                            <telerik:RadComboBoxItem Text="Size" Value="Size" />
                        </Items>
                    </telerik:RadCombobox>
                    <telerik:RadTextBox ID="txtSearch" runat="server" OnTextChanged="txtSearch_TextChanged" onkeydown="SuppressBubbling(event)" />
                    </div>
                    
                    <asp:ImageButton ID="btnSearch" runat="server" ImageUrl="Img/SearchIcon.png" AlternateText="Search" ToolTip="Search" Width="18px" Height="18px" style="margin-top: 2px;" />
                    <asp:ImageButton ID="btnShowAll" runat="server" ImageUrl="Img/DeleteIcon.png" AlternateText="Show All" ToolTip="Show All" OnClick="btnShowAll_Click" Width="18px" Height="18px" style="margin-top: 2px;" />
                </div>
                <div class="buttonTop">
                    <asp:ImageButton OnClientClick="CustomAction(); return false;" runat="server" ID="ImageDelete" ImageUrl="Img/delete.png" AlternateText="Delete" ToolTip="Delete" /><br />
                </div>
                <div class="buttonTop">
                    <asp:ImageButton OnClientClick="CustomAction(); return false;" runat="server" ID="ImageReply" ImageUrl="Img/Reply.png" AlternateText="Reply" ToolTip="Reply" /><br />
                </div>
                <div class="buttonTop">
                    <asp:ImageButton OnClientClick="CustomAction(); return false;" runat="server" ID="ImageForward" ImageUrl="Img/Forward.png" AlternateText="Forward" ToolTip="Forward" /><br />
                </div>
                <div class="buttonTop">
                    <asp:ImageButton OnClientClick="CustomAction(); return false;" ID="ImageSpam" runat="server" ImageUrl="Img/spam.png" AlternateText="Spam" ToolTip="Spam" /><br />
                </div>
                <div style="clear: both;">
                </div>
                <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">
                    <AjaxSettings>
                        <telerik:AjaxSetting AjaxControlID="RadGrid1">
                            <UpdatedControls>
                                <telerik:AjaxUpdatedControl ControlID="RadGrid1" LoadingPanelID="RadAjaxLoadingPanel1" />
                            </UpdatedControls>
                        </telerik:AjaxSetting>
                        <telerik:AjaxSetting AjaxControlID="btnSearch">
                            <UpdatedControls>
                                <telerik:AjaxUpdatedControl ControlID="RadGrid1" LoadingPanelID="RadAjaxLoadingPanel1" />
                            </UpdatedControls>
                        </telerik:AjaxSetting>
                        <telerik:AjaxSetting AjaxControlID="btnShowAll">
                            <UpdatedControls>
                                <telerik:AjaxUpdatedControl ControlID="RadGrid1" LoadingPanelID="RadAjaxLoadingPanel1" />
                                <telerik:AjaxUpdatedControl ControlID="txtSearch" UpdatePanelRenderMode="Inline" />
                            </UpdatedControls>
                        </telerik:AjaxSetting>
                        <telerik:AjaxSetting AjaxControlID="rcb1">
                            <UpdatedControls>
                                <telerik:AjaxUpdatedControl ControlID="RadGrid1" LoadingPanelID="RadAjaxLoadingPanel1" />
                                <telerik:AjaxUpdatedControl ControlID="rcb1" />
                            </UpdatedControls>
                        </telerik:AjaxSetting>
                    </AjaxSettings>
                </telerik:RadAjaxManager>
                <telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" />
                <telerik:RadGrid GridLines="None" ID="RadGrid1" AllowMultiRowSelection="True" style="border:0"
                    runat="server" DataSourceID="SqlDataSource1" AllowPaging="True" AllowSorting="True"
                    PageSize="20" Width="870px" Height="371px" AllowAutomaticDeletes="True" EnableLinqExpressions="false">
                    <MasterTableView AutoGenerateColumns="False" DataKeyNames="MailID" TableLayout="Fixed"
                        DataSourceID="SqlDataSource1">
                        <SortExpressions>
                            <telerik:GridSortExpression FieldName="Received" SortOrder="Descending" />
                        </SortExpressions>
                        <PagerStyle Visible="False" />
                        <Columns>
                            <telerik:GridClientSelectColumn UniqueName="SelectColumn">
                            <HeaderStyle Width="30px" />
                            </telerik:GridClientSelectColumn>
                            <telerik:GridBoundColumn DataField="From" HeaderText="From" SortExpression="From"
                                UniqueName="From">
                                <ItemStyle Wrap="False" />
                            </telerik:GridBoundColumn>
                            <telerik:GridBoundColumn DataField="Name" HeaderText="Name" SortExpression="Name"
                                UniqueName="Name" HeaderStyle-Width="120px">
                                <ItemStyle Wrap="False" />
                            </telerik:GridBoundColumn>
                            <telerik:GridBoundColumn DataFormatString="{0:d}" DataField="Received" DataType="System.DateTime"
                                HeaderText="Received" SortExpression="Received" UniqueName="Received">
                                <HeaderStyle Width="100px" />
                                <ItemStyle Wrap="False" />
                            </telerik:GridBoundColumn>
                            <telerik:GridBoundColumn DataField="Subject" HeaderText="Subject" SortExpression="Subject"
                                UniqueName="Subject">
                                <ItemStyle Wrap="true" />
                            </telerik:GridBoundColumn>
                            <telerik:GridBoundColumn DataField="Size" DataType="System.Int32" HeaderText="Size"
                                SortExpression="Size" UniqueName="Size">
                                <HeaderStyle Width="40px" />
                                <ItemStyle Wrap="False" Width="40px" />
                            </telerik:GridBoundColumn>
                            <telerik:GridTemplateColumn UniqueName="TemplateColumn">
                                <HeaderStyle Width="30px" />
                                <ItemTemplate>
                                    <asp:Image runat="server" ID="ImportantImage" Visible='<% #Eval("Flagged") %>'
                                        ImageUrl="Img/MailFlagRed.png" AlternateText="Important"/>
                                    <asp:Label ID="Label1" runat="server" Text='<%# IIF(Eval("Flagged"), "", "&nbsp;") %>'></asp:Label>
                                </ItemTemplate>
                            </telerik:GridTemplateColumn>
                            <telerik:GridButtonColumn CommandName="Delete" ButtonType="ImageButton" ConfirmText="Are you sure you want to delete this e-mail?!"
                                UniqueName="DeleteColumn" ImageUrl="Img/DeleteIcon.png">
                                <HeaderStyle Width="30px" />
                            </telerik:GridButtonColumn>
                        </Columns>
                    </MasterTableView>
                    <ClientSettings AllowColumnsReorder="True">
                        <ClientEvents OnScroll="RadGrid1_Scroll" />
                        <Scrolling AllowScroll="True" UseStaticHeaders="True" />
                        <Selecting AllowRowSelect="True" />
                    </ClientSettings>
                </telerik:RadGrid>
            </div>
            <br />
    <asp:SqlDataSource ID="SqlDataSource1" runat="server"
    ConnectionString="<%$ ConnectionStrings:TelerikConnectionString35 %>"
                SelectCommand="SELECT [MailID], [FolderName], [From], [Name], [Received], [Subject], [Content], [Size], [Flagged] FROM [Mails]"
                DeleteCommand="DELETE FROM [Mails] WHERE [MailID] = @MailID">
                <DeleteParameters>
                    <asp:Parameter Name="MailID" Type="Int32" />
                </DeleteParameters>
            </asp:SqlDataSource>
            <!-- content start -->
            <telerik:Footer runat="server" ID="Footer1"></telerik:Footer>
        </form>
    </body>
    </html>

Get more than expected!

Take your time to truly experience the power of RadControls for ASP.NET AJAX with a free 60-day trial backed up by Telerik’s unlimited dedicated support.

Download your RadControls for ASP.NET AJAX trial and jumpstart your development with the available Getting Started resources.

If you have any questions, do not hesitate to contact us at sales@telerik.com.

Copyright 2002-2012 © Telerik. All right reserved
Telerik Inc, 201 Jones Rd, Waltham, MA 02451