在 Ajax 成功时刷新当前选定的选项卡

Question

我有几个选项卡，从数据库填充。每个选项卡都包含一个部分视图，也是从数据库中填充的。当有人向这些部分代表的集合之一添加某些内容时，我希望它刷新选项卡内容，以反映更改。

function addNewRequest(arForm) {
    username = $(".ui-tabs-selected").attr("id");
    currentUser = document.getElementById("currUser").value;
    $.ajax({
        url: 'Home/submitAdvisoryRequestForm',
        type: 'POST',
        data: arForm.serialize() + "&username=" + username + "&currUser=" + currentUser,
        success: function (response) {
            if (response == "true") {
                $("#users").tabs("load", $('#users .ui-tabs-panel:not(.ui-tabs-hide)').index() - 1);
                dialog.dialog("close");
            } else {
                alert(response);
            }
        },
        error: function (xhr, ajaxOptions, thrownError) { alert(xhr.status); alert(thrownError); }
    });

}

所以据我了解，如果 ajax 调用成功，它会尝试在当前选定的索引处加载选项卡。我已经看过用于抓取所选标签索引的表达式，据我所知，它可以工作，即使可能有点 hacky。

应该刷新标签的代码$("#users").tabs("load", $('#users .ui-tabs-panel:not(.ui-tabs-hide)').index() - 1); 什么都不做。有谁知道为什么？

Answer 1

F**kadoodle-doo，我想通了。因为 JQueryUI 很蹩脚，只让你刷新 AJAX 加载的内容，所以只替换当前选定选项卡的 div 的 HTML 会更容易。

JQuery 代码：

function addNewRequest(arForm) {
    username = $(".ui-tabs-selected").attr("id");
    currentUser = document.getElementById("currUser").value;
    $.ajax({
        url: 'Home/submitAdvisoryRequestForm',
        type: 'POST',
        data: arForm.serialize() + "&username=" + username + "&currUser=" + currentUser,
        success: function (response) {
            if (response) {
                $('#users .ui-tabs-panel:not(.ui-tabs-hide)').html(response);
                dialog.dialog("close");
            } else {
                alert(response);
            }
        },
        error: function (xhr, ajaxOptions, thrownError) { alert(xhr.status); alert(thrownError); }
    });
}

作为回应，将部分视图扔给它。

public ActionResult submitAdvisoryRequestForm(BCRTAdvisoryRequest newRequest, string username, string currUser)
{
    if (ModelState.IsValid)
    {
        var ar = new AdvisoryRequestsLogic();
        if (ar.addAdvisoryRequest(newRequest) > 0)
            return PartialView("_userAdvisoryRequests", ar.getUserAdvisoryRequests(username));
    }
    return null;
}