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

Question

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

我有这个代码:

<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选项卡演示,它应该像执行一样简单:

<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>

然后在你的控制器中:

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

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