Kodcu Murat Youtube Kanalına Abone Olmayı Unutma

ASP.NET MVC İle EditorTemplates Nedir Ve Kullanımı

Daha önceki makalemizde ASP.NET MVC DisplayTemplates’i görmüştük bunun ondan tek farkı ise Edit yani düzenleme modundaki input nesnelerine özel olarak şablon tanımlamaları yapabilmekteyiz makale devamında örnekler ile daha iyi anlayacaksınızdır.

ASP.NET MVC ile EditorTemplates nedir ve kullanımı

Örneğimizde Kullanacağımız MSSQL Server kodumuz ise aşağıdaki gibidir.

Entity Design’imizi kolaylık olsun diye Entity Wizard ile oluşturuyoruz ardından kullanıcı tablomuza ait kontrol ve validationlar için Models klasörü altına Kullanici.cs adından bir sınıf oluşturup ardından sınıf içeriğini aşağıdaki gibi düzenleyiniz.

EditorTemplates’i anlatmak için DateTime DataType elemanını kullanarak örnek vermeye çalışacağım şimdi yapmamız gereken Shared Klasörü Altında EditorTemplates adında yeni bir klasör oluşturmak ardından bu klasör altında DateTime elamanını kullandığımız için aynı isimlendirme ile DateTime.cshtml adında bir view dosyası oluşturuyoruz. DateTime.cshtml adındaki dosyamızın içeriğini aşağıdaki şekilde düzenleyin.

DateTime.cshtml

Edit.cshtml sayfasına ait kod ise aşağıdaki şekildedir.

Edit.cshtml

Burada sonuç olarak yapmaya çalıştığımız şey DateTime türündeki dogum alanı için Tarih seçim penceresi çıkarabilmek bunu sağlayabilmek için ise jquery-ui kütüphanesinden faydalanıyoruz üstteki script ve link etiketlerini aşağıdaki görüntüye ulaşabilmek için kullanmalısınız.

JpxnffVG3L6NPO76rau zPHAwoofkS4J56VFvF8fqLzvA2fl87o07EN67ZvHy llfrTcU8DaQGOyszOiWRjOiNqhVu7S16DJYtE0Ig9BpShZM54axPMSy7zf yEjHssDbYYy39AOAUn4BNcjny9oXiDvGonkbWMgTEJq44bZ56F4Qk6rnDhAR8kDs78rDcDTqljA6QcsBB5YQI2vJ5MOQSy10ey4q4FJ45ECvoE R7fhsuxZlE10cxxK 7NZpnP0pVYDU 5jGS4zHS1MikTRvb49x PFT3 2gJ5snCfJ3YzCG0FnZTmep6Kv1EpuQIDtfSYhFCLH8k0vGlNYe2 iUwIs7sp4e9LIh4BZ1IBoPM45v1drkkKaNjDf7x2YvKYkNSt7oRa4OXVUMgxnXb0MNFWU4Iqvdgkgmujrqm8I5BZRxSOn0b30m6l2sLbjeopmy3pgTdYfl3qlqbMLjxMI6pHzMbGtcc0oC71iAPKNLsFVflZdm9CFOe lqbKsZyAHdLXhyqUCo1eZlE0hBGclGfQXZ4oMMoKzL7110L 3nJsQcAXwb4aqJdZy4BImZJ8PHLlDBbV8dLrGUj aEkP7xZ6QAkhbTkGeFdu4VWKC6peSbv 0 hmmqbFIo5nzEneeEeKWmRxYbPyEPPUKE8zVr1Ds0QSovMWe=w487 h469 no

Edit.cshtml sayfasında son script etiketinde class değeri date olan ve text türündeki input nesnelerine tarih seçim penceresinin çıkması için gerekli kod yazılmıştır.

3.7/5 - (3 votes)