时间戳

首页 > 解决方案 > ASP.NET Core MVC 局部视图

asp.net-core-mvc - ASP.NET Core MVC 局部视图

问题描述

为什么部分视图在脚本之后？

任何帮助，将不胜感激。我认为脚本有问题。但什么不是。

控制器

public ActionResult EditContract(int id)
{
    var contracts = _context.Contract.Find(id);
    ViewData["CustomersId"] = new SelectList(_context.Customers, "Id", "Name",   ontracts.CustomersId);
    return PartialView(contracts);
}

索引.chtml

<div class="modal fade" id="EditCustomer">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <a href="#" class="close" data-dismiss="modal">&times;</a>
                <h4><i class="fa fa-user"></i>&nbsp; Edit Customer</h4>
            </div>
            <div class="modal-body" id="myEditCustomer">

            </div>
        </div>
    </div>
</div>

<script>
    function EditCustomer(id) {
        var url = "/Customers/EditCustomer?id=" + id;
        $("#myEditCustomer").load(url, function () {
            $("#EditCustomer").modal("show");
        })
    }
</script>

标签： asp.net-core-mvcasp.net-mvc-partialview

解决方案

在您的代码中，我们可以发现您使用/Customers/EditCustomerJavaScript 客户端的 url 发出请求，但您的操作名称是EditContract，请确保您使用正确的 url 发出请求，或者您可以为您的操作配置路由，如下所示。

[Route("Customers/EditCustomer")]
public ActionResult EditContract(int id)
{

为什么部分视图在脚本之后？

您正在使用jQuery .load方法从服务器动态获取部分视图结果并将其填充到 div 容器"modal-body"，而不是直接使用 Tag Helper/HTML Helper在视图页面中引用您的部分视图，因此您的部分视图将在您之后显示/渲染称为 JavaScript 函数。

推荐阅读