Comment puis-je ajouter une classe à un @Html.ActionLink?

J'ai deux @Html.ActionLink's que je veux faire ressembler à des boutons. Je suis capable de faire ceci se produire avec CSS mais seulement si j'utilise le n ° ID de la actionlink pour appliquer la CSS. Je veux attribuer une classe à l'action des liens mais quand je le fais à l'aide du code ci-dessous j'ai une erreur me disant que j'ai un manque de "}".

 @Html.ActionLink("Print PO", "PoReport", new { id = 51970}, 
                 new { id = "PoPrint"} , new { class = "PoClass"})

Ici est le Style que je fais une demande:

<style>
 #PoPrint 
{
 border: 4px outset;
 padding: 2px;
 text-decoration: none;
 background-color:lightskyblue;
}
</style>

Cela fonctionne, et je suppose que je pourrais juste ajouter les autres #ID pour le style, mais souhaitez appliquer le style à la Classe.

Possible en double stackoverflow.com/questions/5608622/... ET stackoverflow.com/questions/1444495/...
J'ai regardé les deux de ces postes et essayé d'appliquer les solutions, mais n'a pas réussi.
si toutes les propositions de solution n'a pas fonctionné,vous pouvez utiliser javascript comme solution,vous sélectionnez votre élément par son id et puis ajouter votre classe

InformationsquelleAutor Alan Fisher | 2013-09-05

68

Vous devez utiliser le @ caractère, puisque la classe est un mot-clé en C#. Voici un lien vers la documentation MSDN: http://msdn.microsoft.com/en-us/library/dd492124(v=vs. 108).aspx
```
@Html.ActionLink("Link Text", "ActionName", 
         new { controller = "MyController", id = 1 }, 
         new { @class = "my-class" })
```
- J'ai eu mes arguments faux, c'était la question. Merci.
- que faire si je veux une classe et d'une pièce d'identité? parce que l'id de votre réponse est probablement un paramètre de droit?
- bon j'ai déjà trouvé la réponse: new { @class = "my-class", id=4 }
- Cela a fonctionné pour moi, mais je déteste avoir à le faire. C'est beaucoup plus de travail que de simplement en utilisant la bonne ole <a href='foo.html'>click</a>.
InformationsquelleAutor Jarrett Meyer
6

Le problème est que la classe est un mot réservé en C#. Vous pouvez spécifier que vous souhaitez utiliser le nom de "classe" que votre nom d'attribut, par la fuite avec le symbole @ comme suit:
```
 @Html.ActionLink("Print PO", "PoReport", new { id = 51970}, new { id = "PoPrint", @class = "PoClass"})
```
- N'est-ce pas un trop grand nombre d'arguments pour Html.ActionLink? Ne pas le @class être combiné avec id dans l'objet précédent?
- J'avais essayé cette solution (à partir de la double possible des postes mentionnés ci-dessus), mais il a obtenu ce message d'erreur: CS1928: 'Système.Web.Mvc.HtmlHelper<dynamique>' ne contient pas une définition pour 'ActionLink" et la meilleure méthode d'extension de surcharge du Système".Web.Mvc.Html.LinkExtensions.ActionLink(Système D'.Web.Mvc.HtmlHelper, string, string, string, object, object)' a certains arguments invalides
- essayez @Html.ActionLink("Print PO", "PoReport", new { id = 51970}, new { id = "PoPrint", @class = "PoClass"})
- Comme jmoerdyk souligné, je crois que vos arguments sont incorrectes. Je ne suis pas sûr de ce que vous êtes en essayant de passer dans les premier et deuxième types anonymes (id = 51970 et id = PoPrint). Si vous essayez de définir l'identifiant de votre lien à PoPrint alors vous devriez juste avoir un anonyme à la fin comme ceci: new {id = "PoPrint", @class = "PoClass"}
InformationsquelleAutor chris.house.00
0

Ce faire new { @class = "PoClass"}
Vous avez besoin de l' @ pour des mots-clés comme classe

InformationsquelleAutor TGH
0

Vous devez indiquer le nom de l'action, de contrôleur et de paramètres d'url (null dans cet exemple)
```
@Html.ActionLink("Link Name", 
"ActionName",
"ControllerName",
null,
new { @class = "your css class" }
)
```
InformationsquelleAutor Badr Bellaj

Vous devez vous connecter pour publier un commentaire.