Najnowsze tutoriale tworzenie stron internetowych
 

ASP.NET MVC - HTML pomocnicy


Pomocnicy HTML są używane do modyfikacji wyjścia HTML


HTML pomocnicy

Z MVC, pomocnicy HTML są podobnie jak tradycyjne formy kontroli ASP.NET Web.

Podobnie jak kontrole formularza internetowego, ASP.NET, pomocnicy HTML są używane do modyfikacji kodu HTML. Ale pomocnicy HTML są bardziej lekkie. W przeciwieństwie do pól formularza WWW, HTML pomocnika nie ma modelu zdarzeń i stanu widoku.

W większości przypadków pomocnika HTML jest właśnie metoda, która zwraca ciąg znaków.

Z MVC, można tworzyć własne pomocników, lub korzystać z wbudowanych pomocników HTML.


Standardowe Pomocnicy HTML

MVC zawiera standardowe pomocników dla najbardziej popularnych typów elementów HTML, takich jak linki HTML i elementów formularza HTML.


HTML Linki

Najprostszym sposobem, aby uczynić łącza HTML jest użycie HTML. ActionLink() HTML. ActionLink() pomocnika.

Z MVC, na Html. ActionLink() Html. ActionLink() nie odwołuje się do widoku. Tworzy link do działania kontrolera.

Razor Składnia:

@Html. ActionLink("About this Website", "About")

ASP Składnia:

<%=Html. ActionLink("About this Website", "About") %>

Pierwszym parametrem jest tekst linku, a drugi parametr to nazwa akcji kontrolera.

Html. ActionLink() Html. ActionLink() pomocnika powyżej, wysyła następujący kod HTML:

<a href="/Home/About">About this Website</a>

Html. ActionLink() Html. ActionLink() pomocnik ma kilka właściwości:

Nieruchomość Opis
.linkText Tekst łącza (label)
.actionName Akcja cel
.routeValues Wartości przekazywane do działania
.controllerName Kontroler cel
.htmlAttributes Zbiór atrybutów do linku
.protocol Protokół Link
.hostname Nazwa hosta dla łącza
.fragment Docelowa kotwica na link

Uwaga: Można przekazać wartości do działania kontrolera. Na przykład, można przekazać identyfikator rekordu bazy danych do działania edycji bazy danych:

Razor Składnia C #:

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

Razor Składnia VB:

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

Html. ActionLink() Html. ActionLink() pomocnika powyżej, wysyła następujący kod HTML:

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

HTML Form Elements

Istnieją następujące pomocników HTML mogą być wykorzystywane do renderowania (modify and output) elementy formularza HTML:

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

Składnia ASP.NET 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>
<%}%>