Mini Kabibi Habibi

<%@ Page Title="" Language="C#" MasterPageFile="~/Views/Shared/Site.Master" Inherits="System.Web.Mvc.ViewPage<dynamic>" %>
<asp:Content ID="Content1" ContentPlaceHolderID="ContentHolder" runat="server">
<script type="text/javascript">
// <![CDATA[
    function OnSelectingMenuItem(s, e){
        $.ajax({
            type: "POST",
            url: '<%: Url.Action("CallbacksPartial", "Common") %>',
            data: { selectedMenuItemName: e.item.name },
            beforeSend: function() {
                loadingPanel.Show();
            },
            success: function(response) {
                $("#container").html(response);
                loadingPanel.Hide();
            }
        });
    }
// ]]>
</script>
<%
    Html.DevExpress().Menu(
        settings => {
            settings.Name = "menu";
            settings.AllowSelectItem = true;
            settings.EnableClientSideAPI = true;
            settings.ClientSideEvents.ItemClick = "OnSelectingMenuItem";
            settings.Items.Add("Calendar", "Calendar").Selected = true;
            settings.Items.Add("Data Mining", "DataMining");
            settings.Items.Add("Visualization", "Visualization");
        })
        .Render();
%>
<div id="container" style="padding: 10px 0px; width:760px;">
    <%
        Html.RenderPartial("CallbacksCalendarPartial");
    %>
</div>
<%
    Html.DevExpress().LoadingPanel(
        settings => {
            settings.Name = "loadingPanel";
            settings.Modal = true;
            settings.ContainerElementID = "container";
            settings.Styles.LoadingDiv.BackColor = Color.White;
        })
        .Render();
%>
</asp:Content>