问使用Ajax动态添加部分视图

EN

 public ActionResult DisplaySearchResults(int Id)
   {
    if (Id == 317)
       {
         return PartialView("~/Views/Shared/_PartialReportViews/StatisticalReport.cshtml");
       }
     else if (Id == 318)
       {
        return PartialView("~/Views/Shared/_PartialReportViews/Leading_Progeny.cshtml");
       }        
       return PartialView();
    }

<div class="container">
<div id="partial"></div>

@section scripts{
    <script type="text/javascript">
        $('.search').click(function () {
            var id = $(this).data('assigned-id');
            var route = '@Url.Action("DisplaySearchResults", "Home")?id=' + id;
            $('#partial').load(route);   
        });
        var partial = $('#partial');
        partial.on('shown.bs.collapse', '.collapse', function () {
            $(this).closest('.group').find(".glyphicon-plus").removeClass("glyphicon-plus").addClass("glyphicon-minus");
        }).on('hidden.bs.collapse', '.collapse', function () {
            $(this).closest('.group').find(".glyphicon-minus").removeClass("glyphicon-minus").addClass("glyphicon-plus");
        });
    </script>
}
    <input class="search btn-info" type="button" value="Search" data-assigned-id="@item.ProductId" />
</div>

<div class="group">
    <button type="button" value="Button" data-toggle="collapse" data-target="#demo">
        <span class="glyphicon glyphicon-plus"></span>
    </button>
    <div class="container">
        <div class="row">
            <div class=" col-sm-12">            
                @using (Html.BeginForm("Report", "Home", FormMethod.Get))
                {
                    @Html.DisplayNameFor(m => m.Name)
                    @Html.TextBoxFor(m => m.Name, new { @class = "form-control", style = "width: 155px", placeholder = Html.DisplayNameFor(n => n.Name})
                    @Html.HiddenFor(m => m.Id)
                }
            </div>
            <div id="demo" class="collapse">
                <div class="col-sm-12">
                    @Html.DisplayNameFor(model => model.StartDate)
                    @Html.TextBoxFor(m => m.StartDate, new { @class = "form-control", style = "width: 155px", placeholder = Html.DisplayNameFor(n => n.StartDate) })
                    @Html.DisplayNameFor(model => model.Distance)
                    @Html.DropDownListFor(m => m.Distance, Model.DistanceOptions, "All", new { @class = "form-control", style = "width: 150px;" })
                </div>
            </div>
        </div>
    </div>
</div>