2011-01-25 21 views
18

JQuery UI Tabs ile bir ASP.NET MVC 3 uygulamasına sahibim. Aşağıda bir kod sayfası _layout.cshtml, kod var. Ana _layout.cshtml, @RenderBody() kodunu gerektirir. Gerekli olduğundan, bununla ne yapmam gerekiyor. Sanırım bununla nereye gidiyorum, bunu doğru kullanıp kullanmadığımı bilmiyorum çünkü kullanmıyorum.
Olmalı mıyım ve sorun nedir?
Teşekkürler.@RenderBody() ile ne yapmalı?

<div class="page"> 
     <div id="title" style=" height:120px" >     
      <img alt="Test.com" src="/Content/images/TestLogoLeft.png" style="width:370px; float:left; margin:0px;" /> 
     </div> 

     <div id="titleRight" style=" background-color:White; width:580px; height:120px; float:right;"></div> 

     <div id="menu" style=" background-color:White; width:950px; height:400px; float:left;"> 

      <!-- Must have class= info to prevent flash of just content on refresh --> 
      <div id="tabs" class="ui-tabs ui-widget ui-widget-content ui-corner-all" style=" position:relative; border:0px;" > 
       <ul class="ui-tabs-nav">       
        <li><a href="#tabs-1" >Home</a></li>       
        <li><a href="#tabs-2" >Statistics</a></li> 
        <li><a href="#tabs-3" >Maps</a></li> 
        <li><a href="#tabs-4" >FAQs</a></li> 
        <li ><a href="#tabs-5">Login</a></li> 
        <li ><a href="#tabs-6">SignUp</a></li> 
       </ul> 
       <div id="tabs-1" class="ui-tabs-hide ui-tabs-panel">@Html.Partial("../Home/Home") </div> 
       <div id="tabs-2" class="ui-tabs-hide ui-tabs-panel">@Html.Partial("../Statistics/Statistics")</div> 
       <div id="tabs-3" class="ui-tabs-hide ui-tabs-panel">@Html.Partial("../Maps/Maps")</div> 
       <div id="tabs-4" class="ui-tabs-hide ui-tabs-panel">@Html.Partial("../Home/FAQs")</div>          
       <div id="tabs-5" class="ui-tabs-hide ui-tabs-panel">@Html.Partial("../Account/LogOn")</div>               
       <div id="tabs-6" class="ui-tabs-hide ui-tabs-panel">@Html.Partial("../Account/Register")</div> 

      </div>    
     </div>    
</div> 


@* TODO: I need to figure out what to do with this *@   
<div id="main" style=" display:none"> 
    @RenderBody()   
</div>  
+6

Gerçekten de jquery sekmelerini sitenizdeki birincil gezinme mekanizması olarak kullanmak ister misiniz? kötü bir fikir gibi görünüyor ... kullanıcılar sitenin belirli bölümlerine yer işareti koyamaz, sitenin belirli bölümlerine kolayca yönlendiremezsiniz ve kullanıcı javascript devre dışıysa, sitenizi herşey. jquery sekmeleri çok güzel ama bu kullanım çok uzaklara gidiyor, imo –

+0

Robert, çok iyi puanlar. Aslında bu nedenlerden ve daha fazlası için onları kaldırmayı düşünüyorum. Bu çok dinamik bir siteye sahip olduğunuzda zorluk çekiyor, böyle olacak. En azından şu an sahip olduğum sınırlı bilgi ile. – KeelRisk

cevap

29

@RenderBody çağrı gerçek bakış içeriği oluşturmak olacaktır.
Görünümün içeriğinin olmasını istediğiniz yere koymalısınız.

+6

Görünümler Ajax.ActionLink (..) tıklatılarak oluşturulduğunda, RenderBody() işlevi kullanılamaz. – Pascal

+1

+1 bu bana yardım etti, teşekkürler SLaks! Web formlarından MVC'ye geçiyorum. :) – jomsk1e

+0

Bu soruya cevap vermiyor mu? Posterler tek sayfalık tasarım ve sekme kontrolü nedeniyle RenderBody'e gerek yoktur. – pfeds

İlgili konular