Asp.Net Toastr Kullanımı

Toastr

Toastr Web siteleriniz de şık bir uyarı betiğidir. Asp.Net sayfalarınızda c-sharp ile kodun nasıl kullanıldığını aşağıdaki örnekte görebilirsiniz.

Öncelikle betiğin düzgün çalışması için sayfanın Head kısmına gerekli css dosyasını ekleyiniz.

<link href="style/toastr.min.css" rel="stylesheet" />

Daha sonra sayfanın Body tagleri arasına aşağıdaki script taglerin eklemeniz gereklidir.

    <script src="style/jquery-3.2.1.min.js"></script>
    <script src="style/moment.js"></script>
    <script src="style/toastr.min.js"></script>

C-sharp tarafında toastr göstermek için c# kod yazılımı:

ScriptManager.RegisterStartupScript(this.Page, typeof(Page), Guid.NewGuid().ToString(),
                    "toastr.error('Hata Uyarısı', 'Hata ')", true);
 
ScriptManager.RegisterStartupScript(this.Page, typeof(Page), Guid.NewGuid().ToString(),
                    "toastr.success('Başarı Uyarısı', 'Başarılı')", true);
 
ScriptManager.RegisterStartupScript(this.Page, typeof(Page), Guid.NewGuid().ToString(),
                    "toastr.warning('Uyarı Uyarısı', 'Uyarı')", true);

Aspx Sayfa görünümü:

Aspx Code Behind Görünümü:

Style için Css ve Js dosyalarını buradan indirebilirsiniz.

Bu makale size yardımcı olduysa lütfen başkalarınında faydalanması için paylaşmayı unutmayınız.
Bu makaleyi okuduğunuz için teşekkür ederim.

Bir yanıt yazın

E-posta adresiniz yayınlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

Enter Captcha Here : *

Reload Image