Aides HTML sont utilisés pour modifier la sortie HTML
HTML Helpers
Avec MVC, aides HTML sont un peu comme les contrôles de formulaire Web ASP.NET traditionnel.
Tout comme les contrôles de formulaire Web dans ASP.NET, HTML Helpers sont utilisés pour modifier HTML. Mais les aides HTML sont plus légers. Contrairement à des contrôles de formulaire Web, un assistant HTML ne dispose pas d'un modèle d'événement et un état d'affichage.
Dans la plupart des cas, une aide HTML est juste une méthode qui renvoie une chaîne.
Avec MVC, vous pouvez créer vos propres aides, ou utiliser le construit en aides HTML.
Helpers HTML standard
MVC comprend des aides standard pour les types les plus courants d'éléments HTML, comme des liens HTML et des éléments de formulaire HTML.
Liens HTML
La meilleure façon de rendre un lien HTML est d'utiliser le HTML. ActionLink() HTML. ActionLink() aide.
Avec MVC, le Html. ActionLink() Html. ActionLink() ne lie pas à une vue. Il crée un lien vers une action de contrôleur.
Razor Syntaxe:
@Html. ActionLink("About this Website", "About")
ASP Syntaxe:
<%=Html. ActionLink("About this Website", "About") %>
Le premier paramètre est le texte du lien, et le second paramètre est le nom de l'action du contrôleur.
Le Html. ActionLink() Html. ActionLink() assistant ci - dessus, affichera le code HTML suivant:
<a href="/Home/About">About this Website</a>
Le Html. ActionLink() Html. ActionLink() aide a plusieurs propriétés:
| Propriété | La description |
|---|---|
| .linkText | Le texte du lien (label) |
| .actionName | L'action cible |
| .routeValues | Les valeurs transmises à l'action |
| .controllerName | Le contrôleur de cible |
| .htmlAttributes | L'ensemble des attributs du lien |
| .protocol | Le protocole de liaison |
| .hostname | Le nom d'hôte pour le lien |
| .fragment | La cible d'ancrage pour le lien |
Remarque: Vous pouvez transmettre des valeurs à une action du contrôleur. Par exemple, vous pouvez passer l'identifiant d'un enregistrement de base à une action de modifier la base de données:
Razor Syntaxe C #:
@Html. ActionLink("Edit Record", "Edit" , new {Id=3})
Razor Syntaxe VB:
@Html. ActionLink("Edit Record", "Edit" , New With{.Id=3})
Le Html. ActionLink() Html. ActionLink() assistant ci - dessus, affichera le code HTML suivant:
<a href="/Home/Edit/3">Edit Record</a>
Formulaire d'éléments HTML
Il suit des aides HTML peuvent être utilisés pour rendre (modify and output) des éléments de formulaire HTML:
- BeginForm()
- EndForm()
- TextArea()
- TextBox()
- CheckBox()
- RadioButton()
- ListBox()
- DropDownList()
- Hidden()
- Password()
ASP.NET Syntaxe C #:
<%= Html. ValidationSummary("Create was unsuccessful. Please correct the
errors and try again.") %>
<% using (Html. BeginForm() ){%>
<p>
<label for="FirstName">First Name:</label>
<%= Html. TextBox("FirstName")
%>
<%= Html. ValidationMessage("FirstName", "*") %>
</p>
<p>
<label for="LastName">Last Name:</label>
<%= Html. TextBox("LastName") %>
<%= Html. ValidationMessage("LastName", "*") %>
</p>
<p>
<label
for="Password">Password:</label>
<%= Html. Password("Password") %>
<%=
Html. ValidationMessage("Password", "*") %>
</p>
<p>
<label
for="Password">Confirm Password:</label>
<%= Html. Password("ConfirmPassword")
%>
<%= Html. ValidationMessage("ConfirmPassword", "*") %>
</p>
<p>
<label for="Profile">Profile:</label>
<%= Html. TextArea("Profile", new
{cols=60, rows=10}) %>
</p>
<p>
<%= Html. CheckBox("ReceiveNewsletter")
%>
<label for="ReceiveNewsletter" style="display:inline">Receive
Newsletter?</label>
</p>
<p>
<input type="submit" value="Register"
/>
</p>
<%}%>