0

jquery UIの日付ピッカーを含む単純なフォームがあり、基本的に日付が変更されたときにデータを更新したい(日付に基づいてすべてのレコードを取得します)。しかし、データを更新する方法がわかりませんか? あなたが助けてくれるなら、アドバイスと簡単な例を探しています。

@model ViewModels.ScheduleMobileDisplay
@{
    ViewBag.Title = "Test";
    Layout = "~/Views/Shared/_AppHomeLayout.Iphone.cshtml";

}


@using (Html.BeginForm())
{
{
    <div data-role="page" id="pageAccount">
        <link href="~/Content/CSS/jquery-ui-1.10.1.Redmond/jquery-ui-1.10.1.custom.min.css" rel="stylesheet" />
        <script>
            $(function () {
                $("#datepicker").datepicker(
                    {
                        showButtonPanel: true,
                        dateFormat: "dd-M-yy",
                        onSelect: function (dateText, inst) {
                            var date = $(this).val();
                            alert('I Need to refresh the data below' + date);
                        }
                    });
            });

        </script>
        <div data-role="content">

            <input type="text" id="datepicker"  placeholder="Select Date" />

            <ul data-role="listview" data-divider-theme="b" data-inset="true">
                <li data-role="list-divider" role="heading">
                    @Model.AppointmentDate
                </li>
                @foreach (var item in Model.Appointments)
                {
                    <li data-theme="c">
                        <a href="/Schedule/MobileAppointmentEdit/@item.Id" data-transition="slide">
                            @item.StartTime @item.Name
                        </a>
                    </li>
                }

            </ul>
        </div>

    </div>

}
4

1 に答える 1

1

Web サービスへのajax呼び出しを行ってデータを取得し、ajax 呼び出しのコールバックでページを更新する必要がありますsuccess。 

$.ajax('www.mywebsite.com/myserviceurl', {
    contentType: 'application/json; charset=utf-8',
    dataType: 'json',
    data: messageData,
    type: 'POST',
    timeout: 20000,
    success: function(data) {
        /* update page here */
    },
    error: function(jqXHR, textStatus, errorThrown) {
        console.log(errorThrown);
    }
});
于 2013-02-27T15:54:58.950 に答える