jquery - MVC3 - 如何在回发时维护选项卡索引

Question

我对 MVC 很陌生。我有一个带有 jQ​​uery 选项卡（如下所示）的视图。

<div class="demo">
<div id="demoTabs">
    <ul aria-labelledby="demoTabsLabel">
        <li><a href="#basicInfo">Basic Information</a> </li>
        <li><a href="#address">Address</a> </li>
        <li><a href="#tabbs">Tab 3</a> </li>
    </ul>
    <div id="basicInfo">
        @using (Html.BeginForm("Create", "Organisation", FormMethod.Post)) {
        <div class="editor-label">
            @Html.LabelFor(model => @Model.Name)
        </div>
        <div class="editor-field">
            @Html.EditorFor(model => @Model.Name) @Html.ValidationMessageFor(model => @Model.Name)
        </div>
        <div>
            <a class="nexttab" href="#address">
                <input id="Submit2" type="submit" value="Continue" /></a>
        </div>
        }
    </div>
    <div id="address">
        @Html.Label("Address") <a class="nexttab" href="#tabbs">
            <input id="Submit4" type="submit" value="Continue" /></a>
    </div>
    <div id="tabbs">
        @Html.Label("optional") </fieldset>
        <input id="Submit5" type="submit" value="Submit" />
    </div>
</div>

当用户按下继续按钮时，控件使用下面的脚本移动到下一个选项卡。

$("#demoTabs").tabs();
$(".nexttab").click(function () {
    $("#demoTabs").tabs("select", this.hash);
});

但是，当请求在保存信息后从控制器返回时，它会重新加载页面并将控件再次移动到第一个选项卡。

你能建议我正确的做法吗？

非常感谢

控制器

[HttpPost]
public ActionResult Create(Xrm.Account account)
{
    //create
    org = orgModel.CreateOrUpdateOrg(account);
    return Redirect(Url.Action("Create", "Organisation") + "#tabbs");           
}

Answer 1

在您的控制器中，使用此行返回到您的 ActionResult。您需要在末尾附加正确的选项卡名称：

return Redirect(Url.Action("Action", "Controller") + "#tabname");

然后在您的页面中，添加此代码以在加载时显示正确的选项卡：

$("#demoTabs").tabs("select", window.location.hash);

Answer 2

改变你的功能

$(".nexttab").click(function () {
    $("#demoTabs").tabs("select", this.hash);
});

对此

$(".nexttab").click(function () {
        $("#demoTabs").tabs("select", this.hash);
window.location.hash = this.hash
    });

和功能

$("#demoTabs").tabs();

到

$("#demoTabs").tabs("select", window.location.hash);