1

モデルをフィルタリングするために使用している 2 つの Telerik DatePicker があります。ただし、私が抱えている問題は、部分ビューのアクション コールにあります。両方の日付が null です。コメントアウトされたアラートを使用して、日付が実際に登録されていることを確認しました。したがって、問題はポストバック機能に関係していると思います。

景色：

<script type="text/javascript">

    function filterChange() {
        $("#log").ajaxError(function (event, jqxhr, settings, exception) {
            alert(exception);
        });

        var startValue = $('#filterStart').data('tDatePicker').value();
        var endValue = $('#filterEnd').data('tDatePicker').value(); 

        //alert('Index: ' + startValue + ',' + endValue);


        $.get('@Url.Action("DashboardPartial")',
        {  start: startValue, end: endValue
        }, function (data) {           
            $("#target").html(data);
        });

    }
</script>

<div style="width: 100%; height: 100%">
    <fieldset>     
        <legend>Filters</legend>
        <div>
            @using (Html.BeginForm())
            {                
            <div class="Filter-Div">                      
                    @Html.Telerik().DatePicker().Name("filterStart").Value((DateTime)@ViewBag.StartDate).ClientEvents(events => events.OnChange("filterChange"))             

            </div>
            <div class="Filter-Div">                  
                    @Html.Telerik().DatePicker().Name("filterEnd").Value((DateTime)@ViewBag.EndDate).ClientEvents(events => events.OnChange("filterChange")).TodayButton()

            </div>                
            }

        </div>
    </fieldset>  
    @(Html.Telerik().ScriptRegistrar()
    .DefaultGroup(group => group
                .Add("telerik.common.js")
                .Add("telerik.tabstrip.min.js")
                .Add("telerik.calendar.min.js"))
    .jQuery(false))  

<div id="target">
   @{ Html.RenderPartial("DashboardPartial"); }
</div>

コントローラー

[OutputCache(Duration=5)]
        public PartialViewResult DashboardPartial( DateTime? start, DateTime? end)
        {

            db = new DashboardEntities();

            ViewBag.StartDate = start;
            ViewBag.EndDate = end;              

            var job = db.Job.where(Job=>Job.startDate > start && Job.endDate < end);                      

            return PartialView(prj);
        }
4

1 に答える 1

1

Javascript コードの startValue 変数と endValue 変数は Date 型ですか? その場合は、次のように文字列に変換します。

<script type="text/javascript">

    function filterChange() {
        $("#log").ajaxError(function (event, jqxhr, settings, exception) {
            alert(exception);
        });

        var startValue = $('#filterStart').data('tDatePicker').value().toLocaleString();
        var endValue = $('#filterEnd').data('tDatePicker').value().toLocaleString(); 

        //alert('Index: ' + startValue + ',' + endValue);


        $.get('@Url.Action("DashboardPartial")',
        {  start: startValue, end: endValue
        }, function (data) {           
            $("#target").html(data);
        });

    }
</script>

また、フォームで、ViewBag.StartDate と ViewBag.EndDate の前の「@」を削除します。

<div class="Filter-Div">                      
 @Html.Telerik().DatePicker().Name("filterStart").Value((DateTime)ViewBag.StartDate).ClientEvents(events => events.OnChange("filterChange"))             
</div>
<div class="Filter-Div">                  
 @Html.Telerik().DatePicker().Name("filterEnd").Value((DateTime)ViewBag.EndDate).ClientEvents(events => events.OnChange("filterChange")).TodayButton()
</div>
于 2013-07-10T15:48:01.257 に答える