Merhabalar, ASP.NET MVC 5 ile geliştirdiğimiz uygulamalarda oluşturduğumuz kayıt formları, içerik eklemeler ve daha bir çok formlarda oluşan hataları ekrana yazdırmak isteriz fakat bunları genellikle ViewBag kullanarak ve birden fazla satırlarla bir çok sayfada kullanıyoruz. Fakat bunun daha kolay yolları var :) Evet var. Kodlamayı kolaylaştıran basit kodlar. Ah o kadar olmasa programlama ya kopyala yapıştır ya da göz ferinin kaybına neden olurdu :) Neyse işe geçelim. Oluşturduğumuz formlarda @Html.ValidationSummary() ile formdaki işlemin sonucunu tasarıma uygun olarak olumlu veya olumsuz sonucu ekrana yazdırırız. Fakat sorun şu ki tasarım kodlarını eklemek ve birden fazla mesaj tipiniz var ise (Hata, Bildirim ve Uyarı gibi) bu durum çok zahmetli olacaktır. Bunun için yazacağımız kodlar sayesinde bu büyük derdi bir yardımcı class ve bir method ile çözeceğiz. Öncelikle tasarıma uygun kodlar yazacağımız için öncelikle tasarımımızda HTML bazlı neler gerektiğini bulmamız gerek. ASP.NET MVC 5 ile Rehberlik Servisi uygulaması geliştirirken bu class ı yazmıştım. Gelin tasarımda nasıl işliyor ve ben neler yapmışım. Aşağıda HTML ile bu uyarıları nasıl verdiğime bakayım

<div class="alert alert-success">
     Başarılı
</div>
<div class="alert alert-info">
     Üyeliğinizden çıkış yapmanız gerekebilir
</div>
<div class="alert alert-warning">
     Lütfen eksik alanları doldurunuz
</div>
<div class="alert alert-danger">
     Öğrenciyi eklerken bir hata oluştu
</div>

Gördüğünüz gibi HTML çıktıları ve tarayıcıdaki görüntüsü bu şekilde. Tasarım tarafında eğer div in içerisi boş olmasına rağmen yine de ekranda boş olarak mesaj gözüküyor. En büyük sorunda budur aslında. Genellikle bu sorun tasarımcılar tarafından CSS ve JS ile çözülmektedir fakat eğer iyi derecede bilginiz yok ise veya uğraşmak istemiyorsanız. Front End Developer a yüklendi ise bu iş bu yöntem tam sizin için. Projenize sağ tıklayarak bir Helpers klasörü oluşturun ve içerisine HtmlHelpers adında bir class oluşturun. Class içerisinde şu kodları yazalım. Aşağıdaki verdiğim kodları yazmadan önce class ımızı static yapalım yani public static class HtmlHepers şeklinde olmalıdır. Sonrada verdiğim kodları class a dahil edebilirsiniz.

public static MvcHtmlString ValidationSummaryEx(this System.Web.Mvc.HtmlHelper helper, string mesaj = "", string mesajtipi = "")
        {
            try
            {
                string baseMsg = "<div class='alert alert-{0}'>{1}</div>";
                if (helper.ViewData.ModelState.Keys.Contains("Başarılı"))
                {
                    return new System.Web.Mvc.MvcHtmlString(String.Format(baseMsg, "success", helper.ViewData.ModelState["Başarılı"].Errors.First().ErrorMessage));
                }
                else if (helper.ViewData.ModelState.Keys.Contains("Hatalı"))
                {
                    return new System.Web.Mvc.MvcHtmlString(String.Format(baseMsg, "danger", helper.ViewData.ModelState["Hatalı"].Errors.First().ErrorMessage));
                }
                else if (!string.IsNullOrEmpty(mesaj) && !string.IsNullOrEmpty(mesajtipi))
                {
                    return new System.Web.Mvc.MvcHtmlString(String.Format(baseMsg, mesajtipi, mesaj));
                }
            }
            catch { }
            return new System.Web.Mvc.MvcHtmlString("");
        }

aynı zamanda namespace ProjeAdi.Helpers ı namespace ProjeAdi olarak ayarlamayı da tavsiye ederim. using bölümüne bu kodu ekleyelim.

using System.Web.Mvc;

Artık sınıfımız hazır. Şimdi biraz yazdığımız kodlardan bahsedeyim. Bu bir extension (eklenti, ek) methoddur. @Html. noktaya bastığınız anda Visual Studio bu kodu da görecektir. ValidationSummary ve ValidationSummaryEx olarak burada iki farklı mesaj tipi ekledim fakat siz bunu istediğiniz gibi arttırabilirsiniz. Aynı zamanda tasarımınıza göre değiştirebilirsiniz. Kod tarafında bir hata oluştuğunda HTML çıktısı olarak aktarmak istediğimizde ModelState.AddModelError methodu yardımı ile bu hatayı ekleriz. Burada bu method ile eklenmiş olan mesajları alır ve key değerine göre mesajın tipini öğreniriz. Böylelikle HTML çıktısını buna göre hazırlamış oluruz. MvcString Razor Engine ile gelen bir sınıftır. MvcString ile .cshtml dosyalarına sorunsuz bir şekilde HTML derleyebiliriz. Şimdi bunu ekledikten sonra gelelim tasarımda nasıl yerleştireceğimize. Gerçekten çok basittir.

@Html.ValidationSummaryEx()

İşte bu kadar. Bu kodu eklediğinz yere otomatik olarak kod tarafından gelen mesajları yazdıracaktır. Ek olarak belirlediğiniz mesaj tiplerine göre de manuel olarak da mesaj verebiliyorsunuz. Örnek olarak aşağıdaki koda bakabilirsiniz.

@Html.ValidationSummaryEx("İşleminiz başarılı bir şekilde gerçekleşti","Başarılı")

Bu şekilde de manuel mesaj verebilirsiniz. Şimdi peki otomatik olarak kullanıyoruz ve biz bu mesajları kod tarafında nasıl dinamik olarak ekleyeceğiz? sorusuna hemen cevap verelim. OgrenciEkle adında bir form sayfam olduğunu düşünelim ve yazdığım kodlar şunlar olacaktır. Kullanacağınız Controller ı açın ve içerisine eğer 2 den fazla mesaj tipiniz var ise aşağıdaki kodu yazınız.

private void MesajYazdir(string mesaj,string mesajtipi)
{
	ModelState.AddModelError(mesajtipi,mesaj);
}

Eğer benim projemde ki gibi iki tane mesaj tipiniz var ise şu şekilde de yapabilirsiniz.

        private void HataMesaji(string mesaj)
        {
            ModelState.AddModelError("Hatalı", mesaj);
        }

        private void SonucMesaji(string mesaj)
        {
            ModelState.AddModelError("Başarılı", mesaj);
        }

Son olarak da kullanımları da çok basittir. Örnek olursa HttpPost kabul eden bir OgrenciEkle Action ında kullanalım ve görelim.

        [HttpPost()]
        public ActionResult OgrenciEkle(Ogrenciler model)
        {
            if (ModelState.IsValid && model != null)
            {
                if (!Context.OgrenciEkle(model))
                {
                    HataMesaji("Öğrenci Eklenemedi. Bir Hata Oluştu");
                    return View(model);
                }
                else
                {
                    SonucMesaji(model.AdiSoyadi + " öğrenci listesine başarılı bir şekilde kaydedildi");
                }
            }
            return View();
        }

Evet gördüğünüz gibi bu şekilde kullanılmaktadır. Bu yazımda bu kadar umarım sorunlarınıza cevap olmuşumdur.