Kullanıcıya Bilgilendirme Mesajı Gösterme
09 Haziran 2011 Perşembe
Bu yazımızda Asp.net te kullanıcıyı bilgilendirme mesajı yapacaz. Toastmessage adlı hazır bir Jquery eklentisi kullanacaz. Fakat konuda önemli olan kısım ne kullandığımız değil nasıl kullandığımız olacak.Öncelikle seneryomuzu inceleyelim:
bu uyarı mesajlarını kullanıcı bir işlem yaptığında çıkacak, ve bu uyarının çeşidi onay,uyarı,hata,bilgilendirme olabilir. Her bir uyarı türü için kodumuz değişecek ve ayrıca bu uyarı mesajlarının türü genelde aspx.cs kısmında oluşan sonuca göre belli olacak.
Durumu genel olarak gözden geçirdikten sonra öncelikle toastmessage a ait dosyaları projemize ekliyoruz.
toast mesaj için projemize ekleyeceğimiz dosyalar resimler, css ve javascript dosyası.
css ve javascripti sitemaster içine yazıyoruz
<link href= "~/Styles/toastmessage.css" rel="Stylesheet" type="text/css" />
<script type="text/javascript" src= "Scripts/jquery-1.4.1.min.js"></script>
<script type="text/javascript" src= "Scripts/jquery.toastmessage.js"></script>
Hazırlık aşaması bitti artık biraz kod yazalım.
projemize öncelikle birtane class ekliyoruz. Öncelikle mesajın onay,uyarı,hata veya bilgi olduğunu göndermemiz gerekecek bunu bir çok yoldan yapabiliriz. Her birine sırasıyla 1 2 3 4 diyebiliriz veya direkt string olarak yollayabiliriz.. ama bu yöntemlerin hepsi uzun soluklu projelerde sorunlarıda beraberinde getirecektir. Hangi sayının hangisine ait olduğu, harflerin büyük mü? Küçük mü ilk harf mi büyük şeklinde çeşitli sorunlar ortaya çıkacaktır. Peki ne kullanmalıyız?
Bu durumu bir enum çok iyi çözer. Öncelikle aşağıdaki enumu ekliyoruz
public enum eStatusType : short
{
Onay = 1,
Bilgi = 2,
Uyari = 3,
Hata = 4
}
Şimdi gelelim metodumuzu yazmaya öncelikle metodumuza parametre olarak Scripti sayfamıza register etmek için control gerekli,uyarı tipi gerekli ve mesajımız gerekli. Gelen uyarı türüne göre ve mesaja göre kodumuzu oluşturup ardından sayfaya register etmek kaldı sadece. Olusturdugumuz cs dosyasının son hali aşağıdaki gibi olacaktır.
Birde dikkatinizi çekmek isterimki class ımızı static yaptık. Bundaki amaç bu durumu çok sık kullanacağımzı için her seferinde nesne oluşturma zahmetine girmeden işimizi halletmektir.Ayrıca namespace eklemek derdinden kurtulmak istiyorsanız namespacei de değiştirebilirsiniz.
şimdi sıra kodumuzu kullanmaya geldi
Gördüğünüz gibi tek satır ile işlemimizi gerçekleştiriyoruz.
Ve sonuç
not: yazıyı hazırladıktan sonra mesajların görüntüsünü biraz değiştirdim css3 destekli browserlarda hoş bir görüntü elde edebilirsiniz.
toastmessage aait gerekli dosyaları ve projeyi aşağıdaki linkten indirebilirsiniz.
http://www.multiupload.com/SOP252CZKT
Etiketler :
ASP.NET JQuery Uyarı Mesajı toast message
Kategoriler :
Asp.Net