티스토리 뷰

정보 보관 ver1.0

Ajax.BeginForm

James Wetzel 2013. 6. 6. 19:50

View

<%@ Page Language="C#" Inherits="System.Web.Mvc.ViewPage<dynamic>" %>


<!DOCTYPE html>


<html>

<head runat="server">

    <meta name="viewport" content="width=device-width" />

    <script src="<%: Url.Content("~/Scripts/jquery-1.7.1.min.js") %>" type="text/javascript"></script>

    <script src="<%: Url.Content("~/Scripts/jquery.unobtrusive-ajax.min.js") %>" type="text/javascript"></script>

    <title>FormAjax</title>

</head>

<body>

    <div>

        <h2>What time is it?</h2>

        <% using (Ajax.BeginForm("GetTimeFormAjax", new AjaxOptions { UpdateTargetId = "myResults" }))

           { %>

        <p>

            Show me the time in: <%: Html.DropDownList("zone", new[] { new SelectListItem { Text ="UTC", Value="utc" }, new SelectListItem { Text = "KST", Value = "kst" } }) %>

            <input type="submit" value="Go" />

        </p>

        <% } %>

        <div id="myResults" style="border: 2px dotted red; padding: .5em;"> My result </div>

        <p>This page was generated at <%: DateTime.Now.ToString("tt h:MM:ss") %></p>

    </div>

</body>

</html>


Controller

public string GetTimeFormAjax(string zone)

{            

DateTime time = DateTime.UtcNow.AddHours(offsets[zone]);

      return string.Format("<div>The time in {0} is {1:h:MM:ss tt}</div>", zone.ToUpper(), time);

}


private Dictionary<string, int> offsets = new Dictionary<string, int>() {

{"utc", 0}, {"kst", 9}

};

728x90
반응형