asp.net-mvc-3 - 在标签 mvc3 下显示错误的数据

Question

我有一个显示多个选项卡的主页。

我正在尝试为页面中的第一个选项卡添加选项卡，我正在使用 jquery 和 ajax 调用来执行此操作，其中选项卡计数取决于获取的数据。

例如，我的家庭控制器具有详细信息操作，根据获取的数据显示产品、制造商选项卡和产品选项卡下，我正在显示国家/地区选项卡，第一个选项卡工作正常，第二个选项卡从制造选项卡获取数据，没有数据显示在制造商选项卡下。

<%@ Page Title="" Language="C#" MasterPageFile="~/Views/Shared/Site.Master" Inherits="System.Web.Mvc.ViewPage<EmsAdmin.Models.abc>" %>

abc 详细信息 abc 详细信息 <% Html.RenderPartial("abc", Model); %>

产品

<% if ((Boolean)ViewData["HasWTB"]) // 他们有Where to by product吗？{ %>

制造商

<% } %>

报告

<% if ((Boolean)ViewData["HasInText"]) { %>

类别

<% } %>

地区

    </ul>
    <div class="panes">
        <!-- Products -->
        <div class="pane">
            <div style="clear: both;">
                &nbsp;</div>
            <% Html.RenderPartial("Products"); %>
            <div style="clear: both;">
                &nbsp;</div>
        </div>
        <!-- end of products-->
        <% if ((Boolean)ViewData["HasWTB"])
           // Do they have the Where to by product?
           { %>
        <!-- where to buy -->
        <div class="pane">
            <div style="clear: both;">
                &nbsp;</div>
            <% Html.RenderPartial("Manufacturers"); %>
            <div style="clear: both;">
                &nbsp;</div>
        </div>
        <!-- end of where to buy -->
        <% } %>
        <!-- Request Reports see Reports.ascx-->
        <div class="pane">
            <div style="clear: both;">
                &nbsp;</div>
            <% Html.RenderPartial("Reports"); %>
            <div style="clear: both;">
                &nbsp;</div>
        </div>
        <!-- end of request reports -->
        <% if ((Boolean)ViewData["HasInText"])
           { %>
        <!-- In Text -->
        <div class="pane">
            <div style="clear: both;">
                &nbsp;</div>
            <% Html.RenderPartial("InText"); %>
            <div style="clear: both;">
                &nbsp;</div>
        </div>
        <!-- end of in text -->
        <% } %>
        <!-- Ranges or SubBrands -->
        <div class="pane">
            <div style="clear: both;">
                &nbsp;</div>
            <% Html.RenderPartial("Ranges"); %>
            <div style="clear: both;">
                &nbsp;</div>
        </div>
        <!-- end of ranges of SubBrands -->
        <!-- Ranges or Region -->
        <div class="pane">
            <div style="clear: both;">
                &nbsp;</div>
            <% Html.RenderPartial("Regions"); %>
            <div style="clear: both;">
                &nbsp;</div>
        </div>
        <!-- end of ranges of Regions -->
        <!-- Categories -->
        <div class="pane">
            <div style="clear: both;">
                &nbsp;</div>
            <% Html.RenderPartial("Categories"); %>
            <div style="clear: both;">
                &nbsp;</div>
        </div>
        <!-- end of Categories -->
           <!-- REgions -->
        <div class="pane">
            <div style="clear: both;">
                &nbsp;</div>
            <% Html.RenderPartial("REgions"); %>
            <div style="clear: both;">
                &nbsp;</div>
        </div>
        <!-- end ofFilters -->
    </div>
</div>
<script type="text/javascript">
    //<![CDATA[

    // Set the tabs to be tabs
    $(function () {
        // setup ul.tabs to work as tabs for each div directly under div.panes
        $("ul.tabs").tabs("div.panes > div");
    });
    //]]>
</script>

Answer 1

我可能错了，但这看起来像 MVC 2 代码。

有很多非常简单的选项卡的 jQuery 示例。这个使用带有 MVC3 和 Razor 的 twitter 引导程序。

@model Layout.Models.DataModel
<script type="text/javascript">
$(document).ready(function () {
    //  show the first tab
    $('#homeTabs a:first').tab('show');
});    
</script>
<div class="container">
<ul class="nav nav-tabs" id="homeTabs">
    <li><a href="#section11" data-toggle="tab">1.1</a></li>
    <li><a href="#section12" data-toggle="tab">1.2</a></li>
    <li><a href="#section13" data-toggle="tab">1.3</a></li>
</ul>
<div class="tab-content">
    <div class="tab-pane active" id="section11">
        @{
            Html.RenderPartial("Details.1.1", Model);
        }
    </div>
    <!-- section11 end-->
    <div class="tab-pane active" id="section12">
    </div>
    <!-- section12 end-->
    <div class="tab-pane active" id="section13">
    </div>
    <!-- section13 end-->
</div>
<!-- tab-content end-->
</div>
<!-- container end-->

希望有帮助