En son web geliştirme öğreticiler
 

ASP.NET MVC - HTML Yardımcılar


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>
<%}%>