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

时间:2014-08-18 23:04:02

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

我有一个网格(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();
    }

enter image description here

发生编辑功能后: enter image description here

2 个答案:

答案 0 :(得分:4)

您可以使用empty()清除部分视图中的标记:

$('#EditTestSection').empty();

您将在提交功能中包含哪些内容。

答案 1 :(得分:2)

jQuery的empty()函数删除了元素的所有子节点和文本,因此您可以使用类似

的内容
$('#EditTestSection').empty();