ASP.NET MVC - HTML-hjælpere

HTML-hjælpere bruges til at ændre HTML-output.

HTML-hjælpere

Gennem MVC ligner HTML-hjælpere traditionelle ASP.NET Web Form kontrol.

Ligesom web form kontrol i ASP.NET, bruges HTML-hjælpere til at ændre HTML. Men HTML-hjælpere er lettere. I modsætning til web form kontrol har HTML-hjælpere ingen eventmodel og view state.

I de fleste tilfælde er HTML-hjælpere kun metoder, der returnerer strenge.

Gennem MVC kan du oprette dine egne hjælpere eller bruge indbyggede HTML-hjælpere.

Standard HTML-hjælpere

MVC inkluderer de mest almindelige HTML-elementtyper med standardhjælpere, såsom HTML-knuder og HTML-formelementer.

HTML-knude

Den enkleste måde at præsentere en HTML-knude på er ved at bruge Html.ActionLink() hjælperen.

Gennem MVC forbinder Html.ActionLink() ikke til en visning. Det opretter en forbindelse til en kontrolaktion (controller action).

Razor-syntaks:

@Html.ActionLink("Om denne hjemmeside", "Om")

ASP-syntaks:

<%=Html.ActionLink("Om denne hjemmeside", "Om")%>

Den første parameter er linktekst, den anden parameter er kontroleringsoperationsnavnet.

Det ovenstående Html.ActionLink() hjælper udgiver følgende HTML:

<a href="/Home/About">Om denne Website</a>

Parameterne til Html.ActionLink() hjælper:

Parameter Beskrivelse
linkText Internt tekst af定位点element.
actionName Operationens navn.
controllerName Kontroleringsnavnet.
protocol URL's protokol, såsom "http" eller "https".
hostname URL's værtshavn.
fragment URL-frasegmentnavn (定位点名称).
routeValues Et objekt, der indeholder ruteparametre.
htmlAttributes En objekt, der indeholder de HTML-attributter, der skal indstilles for dette element.

Bemærk:Du kan sende værdier til kontroleringsoperationer. For eksempel kan du sende databaseeditiingsoperations id som databaseeditiingsoperations id.

Razor-syntaks C#:

@Html.ActionLink("Rediger Record", "Edit", new {Id=3})

Razor-syntaks VB:

@Html.ActionLink("Rediger Record", "Edit", New With{.Id=3})

Det ovenstående Html.ActionLink() hjælper udgiver følgende HTML:

<a href="/Home/Edit/3">Rediger Record</a>

HTML-formelementer

Følgende HTML-hjælper kan bruges til at præsentere (ændre og udgive) HTML-formelementer:

  • BeginForm()
  • EndForm()
  • TextArea()
  • TextBox()
  • CheckBox()
  • RadioButton()
  • ListBox()
  • DropDownList()
  • Hidden()
  • Password()

ASP.NET-syntaks C#:

<%= Html.ValidationSummary("Oprettelse var ikke vellykket. Ret fejl og 
prøv igen.") %>
<% using (Html.BeginForm()){%>
<p>
<label for="Første Navn">Første Navn:</label>
<%= Html.TextBox("FirstName") %>
<%= Html.ValidationMessage("FirstName", "*") %>
</p>
<p>
<label for="LastName">Efternavn:</label>
<%= Html.TextBox("LastName") %>
<%= Html.ValidationMessage("LastName", "*") %>
</p>
<p>
<label for="Password">Adgangskode:</label>
<%= Html.Password("Password") %>
<%= Html.ValidationMessage("Password", "*") %>
</p>
<p>
<label for="Password">Bekræft adgangskode:</label>
<%= Html.Password("ConfirmPassword") %>
<%= Html.ValidationMessage("ConfirmPassword", "*") %>
</p>
<p>
<label for="Profile">Profil:</label>
<%= Html.TextArea("Profile", new {cols=60, rows=10})%>
</p>
<p>
<%= Html.CheckBox("ReceiveNewsletter") %>
<label for="ReceiveNewsletter" style="display:inline">Modtag nyhedsbrev?</label>
</p>
<p>
<input type="submit" value="Register" />
</p>
<%}%>