Asp. Net Mvc HTML Helpers

Html Helpers

View tarafında yazılacak olan kodları azalatmak ve işimizi kolaylaştırmak için kullanılan yardımcı metodlardır diyebiliriz. Mvc uygulamalarında kullanolan bazı standart "helper" lar şunlardır.

• Html.ActionLink()
• Html.BeginForm()
• Html.CheckBox()
• Html.DropDownList()
• Html.EndForm()
• Html.ListBox()
• Html.Password()
• Html.RadioButton
• Html.TextArea()
• Html.TextBox()
• Html.LabelFor()

Html.ActionLink

Link oluşturmamızı sağlıyor. En basit anlamda kullanımı aşağıdaki gibidir. 2 tane string değer alıyor. 1. si View da gözükecek isim, 2. si gitmesini istediğimiz adres.


@Html.ActionLink("Geri Dön","Home")


Html.BeginForm

using ile kullanarak html formları oluşturmamıza yarar. en basit anlamda kullanımı aşağıdaki gibidir.

@using (Html.BeginForm("MetodAdi" , "ControllerAdi"))
{
}

Basit bir örnek ile biraz daha detaylı açıklamaya çalışalım. Önceden oluşturduğumuz View a aşağıdaki kodu yazalım. Burada BeginFormun içinde ilk olarak kırmızı yazı ile yazan kısımda Controllerdaki metodun ismini yazıyoruz, ardında Controllerın kendi ismini daha sonra da Formun get işlemi yapmasını belirttiğimiz FormMethod.Get metodunu yazıyoruz.

@using (Html.BeginForm("Siparisler" , "Home" , FormMethod.Get))
{
        @Html.TextBox("siparisadi")
         <input type="submit" value="Getir" />
}

veya aşağıdaki gibi de düzenleyebiliriz. fakat standart olanı, kolay kullanımı ve using in kendi özelliğinden dolayı yukarıdaki yazım şeklini tercih edilmekte.

@{(Html.BeginForm("Siparisler" , "Home" , FormMethod.Get))}
{
        @Html.TextBox("siparisadi")
         <input type="submit" value="Getir" />

@Html.EndForm();
}

Şimdi de Controllera aşağıdaki kodu yazalım.

 public void Siparisler(string siparisadi)
        {
            Response.Write("Akçaabat "+siparisadi);

        }

Ekran Çıktısı

Text kutusuna "köfte" yazıp ara submit butonuna bastığımızda Controller gidip Response.Write metodunun içindeki stringle birleştirip çıktıyı ekrana verdiğini görüyoruz.

Html.TextBox ve Html.TextArea

Basit olarak kullanımı aşağıdaki gibidir.

@Html.TextBox("TextBox")

@Html.TextArea("TextArea")

new anahtar sözcüğü ile kullanımı aşağıdaki gibidir.

@Html.TextArea("Text", "Tex Area",new { @style = "background-color:palegreen" })

@Html.TextBox("Text", "TextBox", new { @style = "background-color:deepskyblue" })

Ekran Çıktısı

Html.Password

Bu metodun kullanımı Html.Texbox ın kullanımına benzemektedir.

@Html.Password("Sifreli")