2010-07-31 11 views
3

je chose que je mets quelque chose de mal ici désolé pour cela si vous avez confondu.Écrire css pour la page individuelle dans le projet mvc3

je veux mettre Javascript ou Css dans la tête de ma page [qui est de rendre dans le navigateur]. quand j'essaie de les mettre alors je l'ai trouvé à l'intérieur du corps pas à l'intérieur de l'étiquette de la tête.

i know that i can easily put in head if i not inherit them from master page. 

mais comment je peux mettre sur ma page si je les hérite de la page maître.

Je veux une solution pour le projet MVC 3 et ma page est écrite en utilisant Razor viewenzine.

Répondre

8

Dans la section de la tête de votre page de mise en page, ajoutez un

RenderSection("head") 

appel. Ensuite, dans votre vue Razor, ajouter

@section head { 
@myincludemarkup 
} 

Où « myincludemarkup » est bien sûr le balisage HTML de vos références script/feuilles de style.

modifier:

La section dans la page de mise en page (page principale) pourrait ressembler à ceci:

<head> 
@RenderSection("head") 
</head> 

Cela forcerait chacun de vos points de vue de définir une section appelée « tête » en écrivant le code en haut de ma réponse, @section etc.

Si vous souhaitez que la section en option dans votre viewpages, vous pouvez écrire

<head> 
@RenderSection("head", optional:true) 
</head> 

Utilisez cette page pour référence:

http://weblogs.asp.net/scottgu/archive/2010/07/02/introducing-razor.aspx

modifier: utiliser votre propre code:

@inherits System.Web.Mvc.WebViewPage<dynamic> 

@using Razor 
@using Razor.Models 


@{ 
    View.Title = "Index"; 
    LayoutPage = "~/Views/Shared/_Layout.cshtml"; 
} 

<h2>@View.Message</h2> 

@{ 
    UserManager.product prod = UserManager.getUserinfo(); 
} 
@prod.Price 
@prod.Title 
@prod.ID 
<h2></h2> 

@section head { 
@myincludemarkup 
} 
+0

lorsque j'ai co-cela j'ai eu l'erreur "Section non définie: 'head'" –

+0

Eh bien, vous devez définir la section dans votre vue. Voir la page Web dans ma réponse pour plus d'informations. Rappelez-vous, vous devez le faire dans chaque page. Je mettrai à jour ma réponse avec des informations sur la façon de le faire pour seulement sélectionner des pages. – Max

+0

s'il vous plaît voir mon code et dites-moi comment –

1

Placez une zone de contenu dans la partie de la tête. Ensuite, vous pouvez ajouter du code sur n'importe quelle page de contenu.