【问题标题】:Update partial view wtih webgrid after delete a row ajax MVC 5删除一行ajax MVC 5后使用webgrid更新部分视图
【发布时间】:2016-10-25 08:43:26
【问题描述】:

我需要更新在局部视图中调用的 webgrid。

我通过 Ajax.ActionLink 加载我的局部视图

 @Ajax.ActionLink(" ", "ShowAssistants", "Assistants", new { assistusername = item.AssistantUserName }, new AjaxOptions() { UpdateTargetId = "add_research" }, new { @class = "glyphicon glyphicon-link" })

在这个局部视图中,我有一个 webgrid,其中一列具有删除操作方法

 @Html.Raw("<a data-modal='' href='/Assistants/DeleteAssistant/" + item.ID + "' id='" + item.ID + "' title='Delete'> <span class='glyphicon glyphicon-trash'> </span> </a>")

我调用了一个模式,它只是询问用户是否要删除该行。在他按下是按钮后,记录已被删除,但部分视图和 webgrid 没有更新。

ajax 代码

function bindForm(dialog) {
$('form', dialog).submit(function () {
    $('#progress').show();
    $.ajax({
        url: this.action,
        type: this.method,
        data: $(this).serialize(),
        cache: false,
        success: function (result) {
            if (result.success) {
                $('#myModal').modal('hide');
                $('#progress').hide();
               //location.reload();

                $("#add_research").load('@Url.Action("ShowAssistants", "Assistants")');

            } else {
                $('#progress').hide();
                $('#myModalContent').html(result);
                bindForm();
            }
        }
    });
    return false;
});
  }

如果我删除 $("#add_research").load('@Url.Action("ShowAssistants", "Assistants")');

并留下location.reload();

它刷新页面但部分视图正在消失,这是正常的。用户必须单击Ajax.ActionLink 才能再次查看记录。 关于如何在页面中保留部分视图并升级 webgrid 的任何想法? 谢谢!

【问题讨论】:

    标签: ajax asp.net-mvc


    【解决方案1】:

    我使用这样的ajax加载函数,它成功加载了部分视图:

    $("#add_research").load('/Assistants/ShowAssistants');
    

    【讨论】:

    • 感谢您的回复,现在它只显示 webgrid 的标题,没有包含数据的行。
    • 问题是否可能是基于您的“ShowAssistants”功能?也许你在那里遗漏了什么?
    • 是的,你是对的。现在,由于我将助手名称存储在 webgrid 之外的视图袋中,我收到了错误。我得到“序列不包含元素”。这是以前的工作。我去看看谢谢。
    • 您好,您知道如何将值从 ajax 传递回控制器吗?重新加载后它会丢失数据。谢谢你!
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2018-04-26
    • 1970-01-01
    • 2015-05-18
    相关资源
    最近更新 更多