ASP.NET MVC - Βοηθοί HTML

Οι βοηθοί HTML χρησιμοποιούνται για την τροποποίηση της εξόδου HTML.

Βοηθοί HTML

Με MVC, οι βοηθοί HTML είναι παρόμοιοι με τους παραδοσιακούς controls του ASP.NET Web Form.

Παρόμοια με τους web form controls του ASP.NET, οι βοηθοί HTML χρησιμοποιούνται για την τροποποίηση του HTML. Ωστόσο, οι βοηθοί HTML είναι πιο ελαφριά. Διαφορετικά από τα web form controls, οι βοηθοί HTML δεν έχουν μοντέλο εκδηλώσεων και view state.

Σε πολλές περιπτώσεις, οι βοηθοί HTML είναι απλώς μεθόδους που επιστρέφουν αλφαριθμητικούς strings.

Με MVC, μπορείτε να δημιουργήσετε τους δικούς σας βοηθούς ή να χρησιμοποιήσετε τους ενσωματωμένους βοηθούς HTML.

Τυποποιημένοι βοηθοί HTML

Το MVC περιλαμβάνει τις περισσότερες συνήθεις βοηθούς για τύπους HTML στοιχείων, όπως σύνδεσμοι HTML και στοιχεία μορφής HTML.

Σύνδεση HTML

Η πιο απλή μέθοδος για την παρουσίαση HTML σύνδεσης είναι η χρήση του βοηθού Html.ActionLink().

Με MVC, το Html.ActionLink() δεν συνδέεται με την προβολή. Δημιουργεί σύνδεση στο controller action.

Γλώσσα Razor:

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

Γλώσσα ASP:

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

Ο πρώτος παράμετρος είναι το κείμενο του σύνδεσμου, ο δεύτερος παράμετρος είναι το όνομα της λειτουργίας του ελέγχου.

Ο βοηθός Html.ActionLink() του παραπάνω, παράγει την εξής HTML:

<a href="/Home/About">Περί αυτού του Ιστοτόπου</a>

Παράμετροι του βοηθού Html.ActionLink():

Παράμετροι Περιγραφή
linkText Το εσωτερικό κείμενο του στοιχείου σημείου.
actionName Το όνομα της λειτουργίας.
controllerName Το όνομα του ελέγχου.
protocol Το πρωτόκολλο του URL, όπως "http" ή "https".
hostname Ο όνομα του κύριου υπολογιστή του URL.
fragment Ο τμήμας URL (όνομα σημείου).
routeValues Ένας αντικείμενος που περιέχει τα παραμέτρων των διαδρομών.
htmlAttributes Ένας αντικείμενος που περιέχει τις HTML χαρακτηριστικές που θα πρέπει να οριστούν για το στοιχείο.

Σημείωση:Μπορείτε να μεταφέρετε τιμές σε λειτουργίες του ελέγχου. Για παράδειγμα, μπορείτε να μεταφέρετε το id ενός εγγραφής στη λειτουργία επεξεργασίας βάσης δεδομένων.

Γλώσσα Razor C#:

@Html.ActionLink("Επεξεργασία Εγγραφής", "Edit", new {Id=3})

Γλώσσα Razor VB:

@Html.ActionLink("Επεξεργασία Εγγραφής", "Edit", New With{.Id=3})

Ο βοηθός Html.ActionLink() του παραπάνω, παράγει την εξής HTML:

<a href="/Home/Edit/3">Επεξεργασία Εγγραφής</a>

Στοιχεία Φόρμας HTML

Οι παρακάτω βοηθοί HTML μπορούν να χρησιμοποιηθούν για την προέκυψη (τροποποίηση και έξοδο) των στοιχείων της φόρμας HTML:

  • Άρχιση Φόρμας()
  • Λήξη Φόρμας()
  • Πίνακας Κειμένων Περιεχομένου()
  • Πίνακας Κειμένων()
  • Κουμπί Ελέγχου()
  • Παράδειγμα Ραδιόφωνου()
  • Λίστα()
  • Πίνακας Αναλογιών()
  • Κρυφός()
  • Κωδικός Πρόσβασης()

Γλώσσα ASP.NET C#:

<%= Html.ValidationSummary("Η δημιουργία απέτυχε. Παρακαλώ διορθώστε τα σφάλματα και 
προσπαθήστε ξανά.") %>
<% using (Html.BeginForm()){%>
<p>
<label for="Πρώτο Όνομα">Πρώτο Όνομα:</label>
<%= Html.TextBox("FirstName") %>
<%= Html.ValidationMessage("FirstName", "*") %>
</p>
<p>
<label for="LastName">Επίθετο:</label>
<%= Html.TextBox("LastName") %>
<%= Html.ValidationMessage("LastName", "*") %>
</p>
<p>
<label for="Password">Κωδικός:</label>
<%= Html.Password("Password") %>
<%= Html.ValidationMessage("Password", "*") %>
</p>
<p>
<label for="Password">Αναπαράσταση Κωδικού:</label>
<%= Html.Password("ConfirmPassword") %>
<%= Html.ValidationMessage("ConfirmPassword", "*") %>
</p>
<p>
<label for="Profile">Προφίλ:</label>
<%= Html.TextArea("Profile", new {cols=60, rows=10})%>
</p>
<p>
<%= Html.CheckBox("ReceiveNewsletter") %>
<label for="ReceiveNewsletter" style="display:inline">Αποδέχομαι το Newsletter;</label>
</p>
<p>
<input type="submit" value="Register" />
</p>
<%}%>