ASP.NET MVC - HTML-hjälpare

HTML-hjälpare används för att modifiera HTML-utdata.

HTML-hjälpare

Genom MVC liknar HTML-hjälpare traditionella ASP.NET Web Form-kontroller.

Liknande web form-kontroller i ASP.NET, används HTML-hjälpare för att modifiera HTML. Men HTML-hjälpare är lättare. Skiljt från web form-kontroller har HTML-hjälpare ingen händelselimodell och view state.

I de flesta fall är HTML-hjälpare bara metoder som returnerar strängar.

Genom MVC kan du skapa egna hjälpare eller använda inbyggda HTML-hjälpare.

Standard HTML-hjälpare

MVC innehåller standardhjälpare för de flesta vanliga HTML-elementtyper, som HTML-länkar och HTML-formulärelement.

HTML-länk

Det enklaste sättet att visa en HTML-länk är att använda HTML.ActionLink() hjälparen.

Genom MVC, kopplar Html.ActionLink() inte till vyer. Det skapar en länk till en kontrollers åtgärd (controller action).

Razor-syntaks:

@Html.ActionLink("Om denna webbplats", "About")

ASP-syntaks:

<%=Html.ActionLink("Om denna webbplats", "About")%>

Den första parametern är länktexten, den andra parametern är namnet på kontrollernas åtgärd.

Ovanstående Html.ActionLink() hjälpare skriver ut följande HTML:

<a href="/Home/About">Om denna webbplats</a>

Flera parametrar för Html.ActionLink() hjälparen:

Parametrar Beskrivning
linkText Inre texten för定位点elementet.
actionName Åtgärdens namn.
controllerName Kontrollernamnet.
protocol URL-protokollet, t.ex. "http" eller "https".
hostname URL:s värdnamn.
fragment URL-fragmentnamn (定位点名称).
routeValues Ett objekt som innehåller routeparametrar.
htmlAttributes Ett objekt som innehåller HTML-attribut som ska sättas för elementet.

Kommentar:Du kan skicka värden till kontrollernas åtgärder. Till exempel kan du skicka en databaspostens id som en redigeringsåtgärd.

Razor-syntaks C#:

@Html.ActionLink("Redigera post", "Redigera", new {Id=3})

Razor-syntaks VB:

@Html.ActionLink("Redigera post", "Redigera", New With{.Id=3})

Ovanstående Html.ActionLink() hjälpare skriver ut följande HTML:

<a href="/Home/Edit/3">Redigera post</a>

HTML-formelement

Följande HTML-hjälpare kan användas för att visa (ändra och utdata) HTML-formelement:

  • BörjaForm()
  • SlutForm()
  • Tekstområde()
  • Textruta()
  • Kryssruta()
  • Radiobutton()
  • Listbox()
  • Rullgardinsmeny()
  • Dold()
  • Lösenord()

ASP.NET-syntaks C#:

<%= Html.ValidationSummary("Skapandet misslyckades. Korrigera fel och 
försök igen.") %>
<% using (Html.BeginForm()){%>
<p>
<label for="Förnamn">Förnamn:</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>
<%}%>