帶製表符和頁面佈局的MVC3

我正在開發一個MVC3 Web應用程序，我需要創建一個類似於SalesForce的製表符驅動佈局的佈局。我試圖創建一個局部視圖來呈現我的標籤內容區域內的側邊欄導航。 CSS定位不起作用，因爲我需要保留在我的選項卡的內容區域內。我應該如何正確渲染我的內部導航菜單和我的內容，並保持在選項卡式內容區域內。我嘗試發佈salesforce的屏幕截圖，但本網站的新用戶無法加載圖像。帶製表符和頁面佈局的MVC3

<div id="tabs"> 
<ul> 
    "#tabs-1">Project 
    #tabs-2">Metrics 
    href="#tabs-3">Task 
</ul> 
<div id="tabs-1"> 
      @Html.Partial("_SideBar") 

</div> 
<div id="tabs-2"> 
    <p>Content for TAB2</p> 
</div> 
<div id="tabs-3"> 
    <p>Content for TAB3.</p> 
</div>

好了，我的問題是，我想使用jQueryUI的TAB控件與我_layout頁。我試圖嵌入一個2列的佈局，在第一列中有側邊欄導航，在第二列中有內容。這必須顯示在TAB視圖區域的牆內。因此，如果我點擊了TAB1，您可以看到第1列中的導航和第2列中的內容。如果我然後點擊了TAB 2，我仍然想要導航在左側，內容在右側，但他們會不同的數據。最大的問題是，如何確保TAB視圖區域中的這些列保留在TAB的視圖區域中，而不是完全呈現在TAB的旁邊。我希望這很清楚。請讓我知道是否需要提供更多信息。謝謝

來源

2011-04-19 Keith

我被JQuery的標籤組件誤導。浮動屬性導致選項卡不能展開，使其看起來像在div標籤內重新生成任何東西。簡單地從外部標籤中刪除浮動屬性

來源

2011-04-20 19:00:42 Keith

它很難完全得到你想要的東西，但你只是想使用地區爲您的佈局？例如

 
<div id="tabs-2"> 
    @RenderSection("Tab2Content", required: false) 
</div>

，並在您的觀點：

 
@section Tab2Content{ 
content here 
}

來源

2011-04-19 16:08:56

我被JQuery Tab組件誤導了。浮動屬性導致選項卡不能展開，使其看起來像在div標籤內重新生成任何東西。只需從外部標籤中刪除浮動屬性 – Keith 2011-04-20 19:00:15

帶製表符和頁面佈局的MVC3

回答

相關問題