如何使用jquery添加或删除Asp.net mvc的部分视图？

30 浏览
0 Comments

如何使用jquery添加或删除Asp.net mvc的部分视图？

我有一个网格（Kendo网格），当对网格中的任何记录进行编辑时，我使用jQuery调用一个部分视图。现在，我想在提交部分视图后，将其从主视图中删除。

我的渲染部分视图的函数是：

function ShowEditRecord(e) {
    var dataItem = this.dataItem($(e.currentTarget).closest("tr"));
    $.ajax(
        {
            url: '/Home/TestEdit/'+dataItem.Id.toString(),
            contentType: 'application/html; charset=utf-8',
            type: 'Get',
            dataType: 'html'
        })
    .success(function(result)
    { $('#EditTestSection').html(result); })
}

我的控制器代码是：

public ActionResult TestEdit(Int64 Id)
{
    var modelItem=getT().Where(a => a.Id == Id).FirstOrDefault();
    return View (modelItem);
}
[HttpPost]
public ActionResult TestEdit(Models.Test Test)
{
    base.Update(Test);
    return View();
}

编辑功能发生后：

0

2 答案

0 Comments

问题的原因：

在使用jQuery的empty()函数时，它会移除元素的所有子节点和文本内容。因此，可以通过使用类似于$('#EditTestSection').empty();的方式来实现添加或删除部分视图。

解决方法：

要添加或删除部分视图，可以使用以下步骤：

1. 在页面中定义一个容器元素，例如

。

2. 使用jQuery的empty()函数来清空容器元素的所有子节点和文本内容，例如$('#EditTestSection').empty();。

3. 使用jQuery的load()函数来加载部分视图的内容并将其添加到容器元素中，例如$('#EditTestSection').load('/Controller/Action');。其中，/Controller/Action是加载部分视图的URL。

4. 若要删除部分视图，只需再次使用empty()函数来清空容器元素即可。

通过以上步骤，您可以使用jQuery的empty()函数来添加或删除部分视图。

0
0 Comments

问题出现的原因：用户想要知道如何在Asp.net MVC中使用jQuery添加或删除部分视图，并且想要知道如何确认部分视图是否成功加载。

解决方法：用户可以使用jQuery的empty()方法来清空部分视图的标记。在提交函数中包含以下代码：$('#EditTestSection').empty();以清空部分视图。如果用户想要确认部分视图是否成功加载，可以在截图中显示的渲染的部分视图中使用这段代码。如果用户的“提交查询”按钮尚未正常工作，可以使用这段代码。

0