asp.net-mvc – 如何在单击Html.ActionLink时加载局部视图？

发布时间：2020-12-16 07:06:22 所属栏目：asp.Net 来源：网络整理

导读：有人可以告诉我如何在单击 Html.ActionLink时在同一页面中加载PartialView.我在下面列出了我的要求. 我有一个Index页面,它将列出Employee表中的员工,表格中的每一行都有Edit删除链接(Html.ActionLink)以更新/删除员工信息. 此外,索引页面将具有文本框的部分

有人可以告诉我如何在单击 Html.ActionLink时在同一页面中加载PartialView.我在下面列出了我的要求.

>我有一个Index页面,它将列出Employee表中的员工,表格中的每一行都有Edit&删除链接(Html.ActionLink)以更新/删除员工信息.
>此外,索引页面将具有文本框的部分视图,以创建新员工(或)编辑现有员工.
>当用户从表中选择编辑链接时,必须在部分视图的文本框中加载相应的用户详细信息以更新员工详细信息.
>此外,在部分视图中输入的新员工详细信息应存储到数据库表中,同时应将其添加到“索引”页面的表中.

所有上述步骤都应在不使用MVC5中的Ajax的情况下处理.谁能帮助我实现上述步骤？非常感谢您的帮助

解决方法

渲染视图后,加载局部视图的唯一方法是通过Ajax调用,将部分视图返回到 JQuery / Javascript,然后相应地更新DOM.

例如：

你的HTML

<a href="#" id="loadViewButton">Load view</a>
<div id="partialViewContainer"><!-- your partial view will be loaded in here --></div>

你的JQuery：

$('#loadViewButton').on('click',function() {
    $.ajax({
        type: "GET"
        url: '/YourController/YourAction',success: function (data,textStatus,jqXHR) {
            $('#partialViewContainer').html(data);
        }
    });
});

你的控制器动作：

[HttpGet]
public ActionResult YourAction()
{
  return View("YourView");
}

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!