<%@ Page Language="C#" AutoEventWireup="true" CodeFile="MichelleTanYiMun.aspx.cs" Inherits="MichelleTanYiMun" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
</head>
<body>
    <form id="form1" runat="server">
        <telerik:RadScriptManager ID="RadScriptManager1" runat="server">
            <Scripts>
                <%--Needed for JavaScript IntelliSense in VS2010--%>
                <%--For VS2008 replace RadScriptManager with ScriptManager--%>
                <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.Core.js" />
                <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQuery.js" />
                <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQueryInclude.js" />
            </Scripts>
        </telerik:RadScriptManager>
        <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">
            <AjaxSettings>
                <telerik:AjaxSetting AjaxControlID="btnSubmit">
                    <UpdatedControls>
                        <telerik:AjaxUpdatedControl ControlID="gvStaff" LoadingPanelID="RadAjaxLoadingPanel1" />
                    </UpdatedControls>
                </telerik:AjaxSetting>
                <telerik:AjaxSetting AjaxControlID="gvStaff">
                    <UpdatedControls>
                        <telerik:AjaxUpdatedControl ControlID="gvStaff" />
                    </UpdatedControls>
                </telerik:AjaxSetting>
            </AjaxSettings>
        </telerik:RadAjaxManager>
        <telerik:RadAjaxLoadingPanel MinDisplayTime="1000" ID="RadAjaxLoadingPanel1" runat="server" Style="position: absolute; top: 200px; left: 600px;"
            IsSticky="True">
            <div class="overlay" id="divProgress" style="position: absolute; visibility: visible; vertical-align: middle; border-style: inset; border-color: black; background-color: White; width: 200px; height: 100px; font-size: medium;">
                <center>
                <div style="margin-top: 30px;">
                    <asp:Image GenerateEmptyAlternateText="true" ID="imgLoader" runat="server" ImageUrl="~/images/ajax_loading.gif"
                        Style="margin-top: 7px;" />  
                    <asp:Label ID="lblWait" runat="server" Text="Please wait..."></asp:Label>
                </div>
            </center>
            </div>
        </telerik:RadAjaxLoadingPanel>
        <telerik:RadGrid ID="gvStaff" runat="server" AllowPaging="True" AutoGenerateColumns="True"
            CellSpacing="0" GridLines="None" Width="100%" PageSize="20" Visible="True" AllowSorting="true" DataSourceID="SqlDataSource1">
            <MasterTableView AllowMultiColumnSorting="true" DataKeyNames="OrderID">
                <CommandItemSettings ExportToPdfText="Export to PDF" />
                <RowIndicatorColumn FilterControlAltText="Filter RowIndicator column" Visible="True">
                </RowIndicatorColumn>
                <ExpandCollapseColumn FilterControlAltText="Filter ExpandColumn column" Visible="True">
                </ExpandCollapseColumn>
                <%-- <Columns>
                    <telerik:GridButtonColumn Text="Select" CommandName="Select">
                    </telerik:GridButtonColumn>
                    <telerik:GridTemplateColumn FilterControlAltText="Filter TemplateColumn column" HeaderText="StaffID"
                        UniqueName="TemplateColumn" SortExpression="StaffID">
                        <ItemTemplate>
                            <asp:Label ID="staffID" runat="server" Text='<%# Bind("StaffID") %>'></asp:Label>
                        </ItemTemplate>
                        <ItemStyle HorizontalAlign="Justify" />
                    </telerik:GridTemplateColumn>
                    <telerik:GridTemplateColumn FilterControlAltText="Filter TemplateColumn column" HeaderText="Staff Name"
                        UniqueName="TemplateColumn" SortExpression="Name">
                        <ItemTemplate>
                            <asp:Label ID="Name" runat="server" Text='<%# Bind("Name") %>'></asp:Label>
                        </ItemTemplate>
                        <ItemStyle HorizontalAlign="Justify" />
                    </telerik:GridTemplateColumn>
                </Columns>--%>
                <EditFormSettings>
                    <EditColumn FilterControlAltText="Filter EditCommandColumn column">
                    </EditColumn>
                </EditFormSettings>
            </MasterTableView>
            <HeaderStyle HorizontalAlign="Justify" />
            <FilterMenu EnableImageSprites="False">
            </FilterMenu>
        </telerik:RadGrid>
        <asp:SqlDataSource ID="SqlDataSource1" runat="server"
            ConnectionString="<%$ ConnectionStrings:ConnectionString %>"
            SelectCommand="SELECT TOP 50 [OrderID], [OrderDate], [Freight], [ShipName], [ShipCountry] FROM [Orders]"></asp:SqlDataSource>
        <asp:Button ID="btnSubmit" runat="server" Text="Button" />
    </form>
</body>
</html>
