ASP.NET MVC Html Helper, Bu makalemizde ASP.NET mvc ile html nesneleri oluşturma konusunda bizlere kısa kod ile çok faydası olaran Html.Helper elemanlarını örnekler ile inceliyor olacağız.

İçerik göster

ASP.NET MVC Html Helper Elemanları

ASP.NET MVC Html Helper

ActionLink

Html’de a(anchor) etiketini bilmeyen yoktur herhalde işe ActionLink url’i tanımlanmış Adı Test olan bir a(anchor) link oluşturmaktadır şimdi örnek kod ve çıktısına gözatalım.

@Html.ActionLink("Test","Index","Home")

1	@Html.ActionLink("Test","Index","Home")

İlk parametreye oluşacak linkin adını ikinci parametreye Action’umuzun adını üçüncü parametreye Action’un bulunduğu Controller’in adını belirtiyoruz.

Html Çıktı

<a href="/">Test</a></pre>

1	<a href="/">Test</a></pre>

RouteLink

ActionLink ile aynı işi görmektedir sadece sözdiziminde farklılık bulunaktadır.

@Html.RouteLink("Test", new {action="Index",controller="Home"})

1	@Html.RouteLink("Test", new {action="Index",controller="Home"})

Html Çıktı

<a href="/">Test</a></pre>

1	<a href="/">Test</a></pre>

CheckBox

Html’deki klasik chechbox inputları oluşturmak için kullanılan html helper’idir. İlk parametreye id ve name’ini belirtiyoruz 2.parametreye’de default değerini set ediyoruz işaretli-işaretsiz olacak diye.

@Html.CheckBox("test", true)

1	@Html.CheckBox("test", true)

Html Çıktı

<input name="test" id="test" type="checkbox" checked="checked" value="true">

1	<input name="test" id="test" type="checkbox" checked="checked" value="true">

Strongly-Typed versiyon;

@Html.CheckBoxFor(m => m.Id)

1	@Html.CheckBoxFor(m => m.Id)

Hidden

Hidden input elemanını oluşturmak için kullanılır. Kullanımı;

@Html.Hidden("Id", "1")

1	@Html.Hidden("Id", "1")

Html çıktısı

<input id="Id" name="Id" type="hidden" value="1" />

1	<input id="Id" name="Id" type="hidden" value="1" />

Strongly-Typed versiyon;

@Html.HiddenFor(m => m.Id)

1	@Html.HiddenFor(m => m.Id)

Password

Şifre girişi yapmak için oluşturulan textbox. Böylece şifre girilecek alan maskelenir.

@Html.Password("Sifre")

1	@Html.Password("Sifre")

Html çıktısı

<input id="Sifre" name="Sifre" type="password" value="" />

1	<input id="Sifre" name="Sifre" type="password" value="" />

Strongly-Typed versiyon;

@Html.PasswordFor(m => m.Sifre)

1	@Html.PasswordFor(m => m.Sifre)

RadioButton

RadioButton elemanı birden fazla seçenek içerisinden sadece bir tanesinin seçimi için kullanılır ve grup olarak bir arada bulunan elemanlar içerisinden seçilir. Örneğin bir renk seçimi yapmak için. MVC ile kullanırken, radio butonların grup olmasını istiyorsak aynı name özelliğini vermemiz gerekli. Örneğin;

@Html.RadioButton("color", "red")
@Html.RadioButton("color", "blue", true)
@Html.RadioButton("color", "green")

@Html.RadioButton("color", "red")

@Html.RadioButton("color", "blue", true)

@Html.RadioButton("color", "green")

Html çıktısı

<input id="color" name="color" type="radio" value="red" />
<input checked="checked" id="color" name="color" type="radio" value="blue" />
<input id="color" name="color" type="radio" value="green" />

Strongly-Typed versiyon;

@Html.RadioButtonFor(m => m.KategoriId, "1") Gündem
@Html.RadioButtonFor(m => m.KategoriId, "2") Spor
@Html.RadioButtonFor(m => m.KategoriId, "3") Ekonomi

@Html.RadioButtonFor(m => m.KategoriId, "1") Gündem

@Html.RadioButtonFor(m => m.KategoriId, "2") Spor

@Html.RadioButtonFor(m => m.KategoriId, "3") Ekonomi

Strongly-Typed versiyonda 1,2,3 gibi değerler girdik. Bunun anlamı kullanıcı hangisini seçerse, seçilen kategori için belirlenen değer modele bağlanacak demektir.

Kaynak

http://www.w3schools.com/aspnet/mvc_htmlhelpers.asp

4.5/5 - (2 votes)

Kategoriler

Bloga e-posta ile abone ol

ASP.NET MVC Html Helper Elemanları