Blazored Modal | Blazor Popup Component | Custom Popup
HTML-код
- Опубликовано: 7 сен 2024
- Bu videoda daha önce oluşturmuş olduğumuz projemize Popup özelliği kazandırmak için özel bir komponent geliştirdik. BlazoredModal kütüphanesinden yararlanarak kendimize özel geliştirdiğimiz komponenti kullanabilmek için bir modül yazarak kullanımı kolaylaştırdık.
In this video, we have developed a special component to add a Popup feature to our project that we have created before. We made it easier to use by writing a module in order to use the component that we developed especially for us by using the BlazoredModal library.
#BlazoredModal #webassembly #blazortutorial
Blazored Modal;
github.com/Bla...
Kanala Abone Olmayı Unutmayın!
To Subscribe: bit.ly/3kvj2vw
Şunu söylemek isterim ki şu ana kadar incelediğim Blazor eğitimlerinden içi en dolu hatta tek dolu olan eğitim sizin eğitiminiz, tebrikler
Çok teşekkür ederim. İyi seyirler, kolay gelsin 😊
Emeğinize sağlık.
Hocam popup ekranında oluşturduğum inputta girdiğim verileri (örnk kullanıcı adı oluşturma popupu ve ben kullanıcı adımı emailimi vs. girdim ve bu girdiğim değerleri kayıt pageme göndermek istiyorum)başka bir pageye nasıl yollayabilirim ?
Merhaba hocam anlatımınız çok güzel bu eğitim için ayrıca teşekkürü borç bilirim kendime benim size bir sorum olacaktı benim popup sayfanın en üst kısmında bütün sayfayı kaplayarak geliyor yani popup doğru çalışmıyor
js dosyalarını eklerken bir hata oluşmuş olabilir belki. Install kısmını tekrar edip eksik kalan yerin olup olmadığını kontrol edebilir misiniz?
Hocam merhaba ben modal açılması için butona tıklattığımda modal açılıyor fakat kendiliğinden bir iki saniye sonra kapanıyor sebebini bulamadım sizin yorumunun yada çözümünüz nedir acaba? Çalışmalarınızda başarılar dilerim.
ModalManager için eklemiş olduğumuz interval değeri vardı hatırlarsanız. Orayı kontrol eder misiniz? özellikle böyle bir özellik eklemiştik.
Hocam Modal manager kullanarak componenti açtık diyelim. Componentin içinde liste olduğunu varsayalım. Listeden seçilen objeyi nasıl döndürebiliriz? Diyelim Anasayfada ürün kategorisi var. tıkladık o kategoriye ait ürünler geldi. Seçtiğimiz ürünü anasayfa da göstermek istersek? String object veya class olarak? Parametre olabilir ancak anlayamadım.
Bir kere eğer modal içerisiden dropdown falan gibi bir komponent koyacaksanız o tarafı özelleşeitmeniz gerekiyor zaten. Yani bir dropdown komponentini yaratıcaz sonra onu açtığımız bir metod da yaratıcaz ModalManager içerisinde. Daha sonra Modalmanager'in geriye döndüğü objeyi de custom bir şey yapabilirsiniz. Bence orayı Generic yapmakta fayda var. Yani Generic bir return fırlatabilir ModalManager içerisindeki metod. Dolayısı ile istediğiniz alanı gösterip istediğinizi geri dönebilirsiniz bu yöntemle.
tamam hocam bir deniyeyim. tşk ederim. Örnek kod varsa modal managerin geriye objeyi nasıl döndürebileceğine dair... Sevinirim...
@@fatiherden1985 Confirmation gösterdiğimizde geriye bool bir değer dönmüştük aslında. Açılan pencerede evete mi tıklandı hayıra mı tıklandı diye dönmek için. Aynısını kullanabilirsiniz, bool yerine kendi generic modeliniz olarak.
ruclips.net/video/61ULA8uEoCs/видео.html
Merhaba Hocam,
Öncelikle ağzınıza sağlık, çok güzel anlatım, çok güzel konular.
Fakat benim bir sorum olacaktı.
[Inject]
ModalManager modalManager { get; set; }
sanırım burayı eklemekte bir sorun var.
Kolayglsın.
Merhabalar, nasıl bir sorun yaşıyorsunuz? Eğer startup.cs içerisinde Injection işlemini gerçekleştirdiyseniz ModalManager class'ı ile ilgili, kullanımda da bir sorun yaşamamanız gerekiyor. Orayı kontrol edebilir misiniz?
@@TechBuddyTR selam
Valla akşam uğraştım uğraştım olmadı bilgisayarı kapatıp yattım, az önce açtım çalıştı, hiç birşey de yapmadım :) bilmiyorum
Merhaba Hocam,
Bende Start.up yok nasil ola bilir bu? ve ya ne yapa bilirim?
Projeyi doğru şekilde oluşturduğumuzdan emin miyiz? Server projesi tarafında bir startup.cs olmalı :-)
Bayağı bir videonuzu izledim fakat aklıma takılan bir şey var. string yerine String koymanızın özel bir amacı mı var? Araştırdığım kadarıyla int ve Int32 arasındaki ilişkinin aynısı string ve String için geçerli. string String'in bir aliası. Yine de soruyorum çünkü belki performans açısından farkları vardır.
Aslında dediğiniz gibi aralarındaki ilişki aynı, fark yok yani. bir tanesi alias sadece. String olarak kullanmamın 2 sebebi var benim için ama hiç biri performan ile alakalı değil. 1 PascalCase kullanamayı seviyorum o yüzden büyük harfle başlıyorum. Int için aynısı geçerli değil sanırım en çok String türünü kullandığım için. Diğeri ise rengini seviyorum :-D String'in rengi ile string'in rengi farklı visual studio içinde. String'in rengi daha çok hoşuma gidiyor ve artık zaten alışkanlık haline geldi.
@@TechBuddyTR Haha anladım hocam tamamen keyfi bir durum yani. Çok teşekkür ederim👍
Tıpkı buton da yaptığımız gibi bi modalcomponent yapsak. Bu kadar kütüphane eklemeye ve ayar yapmaya gerek kalmazdı. Yanlış mı düşünüyorum Hocam ?
Modal için bazı css kodları, javascript kodları da gerekiyor. Bu sebeple kullanıyoruz bu kütüphaneleri. Onlar da gerekli css ve js leri ekliyor aslında
Ben programı çalıştırdığımda navbardan Button Test'i açamıyorum, ModalManagerdan dolayı hata veriyor. Aldığım hata
Cannot provide a value for property 'ModalManager' on type 'MealOrder2.Client.Pages.ButtonTest'. There is no registered service of type 'MealOrder2.Client.Utils.ModalManager'.
Bunun sebebi nedir acaba, dosyalarım sizinkiyle aynı githubdan bakarak yazdım.
İlk yaptığımız counterı modal içinde getirme örneği çalışıyor ama diğerleri çalışmıyor.
Merhabalar, program.cs dosyasındaki DI işlemini yaptınız mı?
builder.Services.AddScoped();
Aşağıdaki dosyada 27. satırdaki kod.
github.com/salihcantekin/MealOrdering/blob/master/MealOrdering/Client/Program.cs
@@TechBuddyTR Onu yazmamışım o yüzden olmuyormuş, yazınca düzeldi çok teşekkür ederim
Bende de 'An unhandled error has occurred.' hatası vermişti. Belirtilen satırı ekleyince düzeldi
Hocam merhaba. .Net 6.0'da WASM olarak Server destekli bir uygulama oluşturduğumuzda, server tarafında Startup.cs gelmiyor artık. Bu konuda bilginiz var mı ?
Doğrudan net6 ile değil de minimalApi ile alakalı bir durum. NET6 da minimalApi varsayılan olarak aktif ayarda geliyor o yüzden Startup.cs yok. Onun yerine program.cs de yapılıyor tüm işlemler. Normal minimalAPI da controller da yok ancak geri bildirimleri baz alarak bununla ilgili bir ayar getirdiler.
Startup ve Controller lar olsun istiyorsanız, projenizi NET5 de oluşturup daha sonra framework versiyonunu değiştirebilirsiniz NET6 olarak.
@@TechBuddyTR Çok teşekkür ederim Hocam. Sabahtan beri araştırıyorum. Videoda ilerleyemedim bu yüzden :( Bu arada dersler harika gidiyor. Elinize sağlık..
@@TechBuddyTR Hocam bu arada Hot Load özelliği aktif olmuyor ama yanlışmıyım ?
Hotload vs2022 için geliştirildi sanırım. 2019 da ve net5 de denemedim. Ama net5 için kullanılabiliyor olmalı
Hocanın Startup.cs ye eklediği dosyayı nereye eklediniz?