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

<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>
<!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></title>
</head>
<body>
    <script type="text/javascript" language="javascript">
        function GroupCollapsed(sender, args) {
            alert('colapsed');
        }

        function GroupExpanding(sender, args) {
            alert('expanding');
        }

        function GroupExpanded(sender, args) {
            alert('expanded');
        }

        function GroupCollapsing(sender, args) {
            alert('collapsing');
        }
    </script>
    <form id="form1" runat="server">
    <asp:ScriptManager ID="ScriptManager1" runat="server">
    </asp:ScriptManager>
    <div>
        <telerik:RadGrid ID="RadGrid1" runat="server" Width="800px" OnNeedDataSource="RadGrid1_NeedDataSource"
            OnDetailTableDataBind="RadGrid1_DetailTableDataBind">
            <MasterTableView HierarchyLoadMode="Client" GroupLoadMode="Client">
                <GroupByExpressions>
                    <telerik:GridGroupByExpression>
                        <GroupByFields>
                            <telerik:GridGroupByField FieldName="ID" />
                        </GroupByFields>
                        <SelectFields>
                            <telerik:GridGroupByField FieldName="ID" />
                        </SelectFields>
                    </telerik:GridGroupByExpression>
                </GroupByExpressions>
                <DetailTables>
                    <telerik:GridTableView>
                    </telerik:GridTableView>
                </DetailTables>
            </MasterTableView>
            <ClientSettings AllowGroupExpandCollapse="True">
                <ClientEvents 
                    OnGroupExpanding="GroupExpanding"
                    OnGroupExpanded="GroupExpanded"
                    OnGroupCollapsing="GroupCollapsing"
                    OnGroupCollapsed="GroupCollapsed" 
                    OnRowClick="GroupCollapsed" />
            </ClientSettings>
        </telerik:RadGrid>
    </div>
    </form>
</body>
</html>
