1

我有 2 个 Telerik DatePicker，用于过滤我的模型。但是我遇到的问题是关于部分视图的行动呼吁，两个日期都是空的。我使用了被注释掉的警报来确保日期实际上正在被注册。所以我认为问题与回发功能有关。

风景：

<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 回答