我的部分视图没有显示

时间:2017-08-07 03:51:25

标签: jquery ajax asp.net-mvc-4

美好的一天,我目前正在以多步形式开展我的学校项目。此步骤有一个搜索框,其中单击时,根据键入的数据,将调用带有ajax启用的模式弹出窗口内的表的局部视图。

模态弹出窗口显示但找不到表格。我想部分视图不会被检索。我究竟做错了什么? TNX。

我的观点如下:

这是搜索框

  <div class="wizard-step">
        <div class="form-group">
            @Html.Label("Taxpayer Name")
            <div class="input-group">
                @Html.TextBoxFor(model => model.taxpayername, new { @class = "form-control", id = "taxpayername" })
                <span class="input-group-btn">
                    <button class="btn btn-default" id="btnGet" type="button">Search</button>
                </span>
            </div>
        </div>
    </div>

这是模式

 <div class="modal fade" id="myModal">
 <div class="modal-dialog">
    <div class="modal-content">
        <div class="modal-header">
            <a href="#" class="close" data-dismiss="modal">&times;</a>
            <h3 class="modal-title">Partial View Example</h3>
        </div>
        <div class="modal-body" id="myModalBodyDiv">


        </div>
        <div class="modal-footer">
            <a href="#" class="btn btn-default" data-dismiss="modal">Cancel</a>

        </div>

    </div>

</div>

这是脚本

<script>
$(function () {
$("#btnGet").click(function () {
        $.ajax({

            type: "POST",
            url: "/Wizard/ShowTaxPayer",
            data: '{name: "' + $("#taxpayername").val() + '" }',
            success: function (response) {
                $("#myModalBodyDiv").html(response);


                $("#myModal").modal("show");


            }

        })
})
});
</script>

这是我的控制器

    public ActionResult ShowTaxPayer(string name)
    {
        List<Payer> listEmp = db.Payers.Where(x => x.name == name).ToList();
        ViewBag.TaxPayer = listEmp;
        return PartialView("_ShowTaxPayer");
    }

我的部分视图

<table class="table">
@foreach (var item in ViewBag.TaxPayer)
{
    <tr>
        <td><b>Taxpayer ID</b></td>
        <td>@item.objid</td>
    </tr>
    <tr>
        <td><b>Name</b></td>
        <td>@item.name</td>
    </tr>
        <tr>
            <td><b>Address</b></td>
            <td>@item.primaryaddres</td>
        </tr>
        <tr>
            <td><b>Birthdate</b></td>
            <td>@item.birthdate</td>
        </tr>
        <tr>
            <td><b>Civil Status</b></td>
            <td>@item.civilstatus</td>
        </tr>
}

</table>

我们将非常感谢您的帮助。 TNX

1 个答案:

答案 0 :(得分:0)

除http post参数外,尝试在控制器的参数中设置[FromBody] 有关详细信息,请查看此链接:https://docs.microsoft.com/en-us/aspnet/web-api/overview/formats-and-model-binding/parameter-binding-in-aspnet-web-api