<%@ Page Language="VB" AutoEventWireup="false" CodeFile="DrilldownChart_VB.aspx.vb" Inherits="DrilldownChart_VB" %>

<!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"></telerik:RadScriptManager>

        <div style="width: 100%;">
            <table style="width: 100%;">
                <tr>
                    <td style="width: 50%;">
                        <asp:Panel ID="HtmlChartHolder1" runat="server" Style="width: 100%; height: 450px;">
                        </asp:Panel>
                        <asp:DropDownList ID="ddldrill" runat="server">
                            <asp:ListItem Text=" " Value=" " Selected="True"></asp:ListItem>
                            <asp:ListItem Text="Gender" Value="SEX"></asp:ListItem>
                            <asp:ListItem Text="Identity Type" Value="IDT"></asp:ListItem>
                            <asp:ListItem Text="Job Title" Value="DES"></asp:ListItem>
                            <asp:ListItem Text="Employee Type" Value="EMT"></asp:ListItem>
                            <asp:ListItem Text="Job Grade" Value="SSC"></asp:ListItem>
                            <asp:ListItem Text="Pay Category" Value="CAT"></asp:ListItem>
                        </asp:DropDownList>
                    </td>
                    <td style="width: 50%;">
                        <asp:Panel ID="HtmlChartHolder2" runat="server" Style="width: 100%; height: 450px;">
                        </asp:Panel>

                    </td>
                </tr>
                <%--First panel Block--%>
            </table>

            <telerik:RadAjaxManager ID="RadAjaxManager2" runat="server" DefaultLoadingPanelID="RadAjaxLoadingPanel7" OnAjaxRequest="RadAjaxManager2_AjaxRequest">
            </telerik:RadAjaxManager>

            <telerik:RadCodeBlock ID="RadCodeBlock1" runat="server">
                <script type="text/javascript">
                    function OnClientSeriesClicked_1(args) {
                        <%--var btn1 = $find("<%=RadButton1.ClientID%>");
                        btn1.set_commandName(args.category);--%>
                        $find('<%= RadAjaxManager2.ClientID %>').ajaxRequest("RadButton1");
                    }

                    function repaintCharts() {

                    }
                </script>
            </telerik:RadCodeBlock>
            <telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel7" runat="server" Skin="Vista" Height="300" Width="500">
            </telerik:RadAjaxLoadingPanel>
            <div style="display: none;">
                <%--<telerik:RadButton ID="RadButton1" runat="server" Text="Button1" OnClick="RadButton1_Click" />--%>
            </div>
        </div>
    </form>
</body>
</html>