HTML Yardımcılar HTML çıktısını değiştirmek için kullanılır
HTML Yardımcıları
MVC ile HTML yardımcıları geleneksel ASP.NET Web Form denetimleri gibi çok vardır.
Sadece ASP.NET web formu denetimleri gibi, HTML yardımcıları HTML değiştirmek için kullanılır. Ama HTML yardımcıları daha hafiftir. Web Form kontrolleri aksine, bir HTML yardımcı bir olay modeli ve bir görünüm durumunu yoktur.
Çoğu durumda, bir HTML yardımcı sadece bir dize döndüren bir yöntemdir.
MVC ile, kendi yardımcıları oluşturmak veya HTML yardımcıları inşa kullanabilirsiniz.
Standart HTML Yardımcıları
MVC HTML bağlantıları ve HTML form elemanları gibi HTML öğelerinin en yaygın türleri için standart yardımcıları içerir.
HTML Bağlantıları
Bir HTML bağlantısını oluşturmak için en kolay yolu kullanmaktır HTML. ActionLink() HTML. ActionLink() bir yardımcı.
MVC ile Html. ActionLink() Html. ActionLink() bir görünüme bağlantı vermiyor. Bu bir denetleyici eylem için bir bağlantı oluşturur.
Razor dizimi:
@Html. ActionLink("About this Website", "About")
ASP dizimi:
<%=Html. ActionLink("About this Website", "About") %>
İlk parametre bağlantı metnidir ve ikinci parametre kontrolör eylemin adıdır.
Html. ActionLink() Html. ActionLink() yukarıdaki yardımcı aşağıdaki HTML verir:
<a href="/Home/About">About this Website</a>
Html. ActionLink() Html. ActionLink() yardımcı çeşitli özelliklere sahiptir:
özellik | Açıklama |
---|---|
.linkText | Bağlantı metni (label) |
.actionName | hedef eylem |
.routeValues | değerleri harekete geçirilen |
.controllerName | hedef kontrol |
.htmlAttributes | Bağlantıya niteliklerin kümesi |
.protocol | bağlantı protokolü |
.hostname | Bağlantı için ana bilgisayar adı |
.fragment | Bağlantı için çapa hedef |
Not: Bir kontrolör eylemine değer geçirebilirsiniz. Örneğin, bir veritabanı düzenleme eylemine bir veritabanı kaydının id geçirebilirsiniz:
Razor Sözdizimi C #:
@Html. ActionLink("Edit Record", "Edit" , new {Id=3})
Razor dizimi VB:
@Html. ActionLink("Edit Record", "Edit" , New With{.Id=3})
Html. ActionLink() Html. ActionLink() yukarıdaki yardımcı aşağıdaki HTML verir:
<a href="/Home/Edit/3">Edit Record</a>
HTML Form Elemanları
Orada şu HTML yardımcıları işlemek için kullanılabilir (modify and output) HTML form elemanları:
- BeginForm()
- EndForm()
- TextArea()
- TextBox()
- CheckBox()
- RadioButton()
- ListBox()
- DropDownList()
- Hidden()
- Password()
ASP.NET sözdizimi 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>
<%}%>