具有部分视图的MVC Bootstrap选项卡＆amp;多种模式

Question

我在使用引导标签设置视图时遇到问题，每个标签都会有一个包含网格视图的部分视图以及其他一些选项。

我制作了这个视图模型，以包含要传递的两个网格的模型：

public class GridModel
{
    public List<GridRecurringTemplate> GridRecurringTemplates { get; set; }
    public List<GridSpecialTemplate> GridSpecialTemplates { get; set; }
}    

现在在包含我使用GridModel加载的选项卡的索引中：

@model Business.ViewModels.GridModel

@{
ViewBag.Title = "Index";
Layout = "~/Views/Shared/_MainLayout.cshtml";
}


<div class="panel panel-primary">
    <ul class="nav nav-tabs" role="tabpanel">
    <li class="active"><a href="#recurring" data-toggle="tab">Recurring</a>              </li>
    <li><a href="#special" data-toggle="tab">Special</a></li>
</ul>

<div id="tabContent" class="tab-content">

    @* Recurring Tab*@
    <div class="tab-pane fade active in" id="recurring">
        @Html.Partial("_RecurringTab", Model.GridRecurringTemplates)
    </div>

    @* Special Tab*@
    <div class="tab-pane fade" id="special">
        @Html.Partial("_SpecialTab", Model.GridSpecialTemplates)
    </div>

</div>

我在每个局部视图的顶部添加了什么？我是通过传递@Html.Partial还是Model.GridRecurringTemplates来正确处理Model.GridSpecialTemplates视图的？

在查找有关多个模型和视图的选项卡的答案时，我看到了对Ajax的引用，但我是MVC和web的新手，所以我之前没有使用它。

这是我的控制器将viewmodel传递给索引

    // GET: ScheduleTemplate
    public ActionResult Index()
    {
        var model = new GridModel();
        return View(model); 
    }