jQuery UI 重新加载 ASP.NET MVC 3 应用程序中的选项卡内容

Question

我想在 ASP.NET MVC 3 中重新加载选项卡内容，我更改选项卡的每个选项卡，当我选择第一个选项卡(索引 = 0)时，我想重新加载内容。在选项卡中，它是一个 ASP.NET MVC 部分 View

我有这个代码:

<script type="text/javascript">
    $(function () {
        $('#tabs').tabs();
    });
</script>

<div id="tabs"> 
    <ul> 
        <li><a href="#tabs-1">AAAA</a></li> 
        <li><a href="#tabs-2">BBBB</a></li>
    </ul>

    <div id="tabs-1"> 
        @Html.Partial("PartialViewA", Model)
    </div> 
    <div id="tabs-2"> 
        @Html.Partial("PartialViewB", Model)
    </div> 

<div>

你有什么想法吗？

Answer 1

根据jQuery tabs demos它应该像这样做一样简单:

<div id="tabs"> 
    <ul> 
        <li><a href="@Url.Action("myActionA", "myController")">Tab 1</a></li>
        <li><a href="@Url.Action("myActionB", "myController")">Tab 2</a></li>
    </ul>
</div>

然后在你的 Controller 中:

public ActionResult MyActionA
{
    return Partial("PartialViewA");
}

public ActionResult MyActionB
{
    return Partial("PartialViewB");
}