Asp.net Mvc Bootstrap Modal Popup Form

Bootstrap Modal Popup
Bootstrap Modal Popup

Merhaba arkadaşlar bu yazımızda bootstrap modal popup‘ı mvc üzerinde nasıl kullanabileceğimizi öğreneceğiz. Bootstrap modal ile ilgili detaylı bilgilere şu adres üzerinden erişebilirsiniz. Bazen geliştirdiğimiz projelerde aynı sayfa üzerinde farklı bir işlem yapmak isteriz bu durumda popuplar işimizi görürler. Bootstrap’ın popup’ı şık görüntüsüyle ve responsive yapısıyla her projede rahatlıkla kullanabileceğimiz cinsten.

Bu örnek için ben şöyle bir senaryo düşündüm. Kişi bilgilerini kayıt eden bir formumuz var ve biz bunun popup olarak açılmasını istiyoruz. Ne kadar karmaşık bir senaryo :)) Okumaya devam et “Asp.net Mvc Bootstrap Modal Popup Form”

Asp.Net Mvc ile Jquery Dialog Penceresi Üzerinde Ajax Form Kullanımı

JQuery Dialog ile Ajax Form
JQuery Dialog ile Ajax Form

Asp.Net Mvc ile form verilerini ajax form kullanarak post etme işlemini gerçekleştireceğiz. Formumuzu bir dialog penceresi içerisinde kullanacağız ve bu işlem için jquery dialog penceresinden faydalanacağız. Dialog penceresi içerisinde kullanacağımız sayfayı ise partial view olarak tasarlayacağız.

Okumaya devam et “Asp.Net Mvc ile Jquery Dialog Penceresi Üzerinde Ajax Form Kullanımı”

Bootstrap Nedir?

bootstrap

 

Bootstrap Twitter tarafında 2010 yılında web uygulamaları için geliştirilmiş açık kaynak kodlu html,css ve js framework’dur. Bootstrap ile responsive (web, tablet , telefon uyumlu) uygulamalar geliştirebilirsiniz.

Kullanım kolaylı,arayüzün modern ve sade bir yapıda olması sebebiyle dünyanın en popüler front-end frameworkudur.

Okumaya devam et “Bootstrap Nedir?”

OMDb Film Verisi Çekmek C#

Merhaba arkadaşlar Linq ders serimize devam ederken bir yandan da farklı şeyler yaparak kod yazma isteğimizi canlı tutmaya çalışalım. Bunun için OMDb( The Open Movie Database) üzerinden film verileri çekmek için bir uygulama geliştirelim. Aslında verilerin bir çoğu imdb üzerinden geliyor.

Örneğimizde görsellik için bootstrap ve verileri çekmek için jquery ajax metodunu kullanıyoruz.

İlk önce sayfamızı tasarlayalım. Sayfamızda film adını girip sorgulayarak filme ait detayları öğreneceğiz.

Şimdi de Jquery metodumuzu yazalım.

Kodumuzu çalıştırdıktan sonra bize şu şekilde bir json sonuç dönmektedir.

Burada istediğimiz alanları yazdırabiliriz. Ben birkaç tanesini seçip ekrana yazdırdım. Parametre olarak ‘t’ yani Title (Film Adı) parametresini kullandım. Ama bunun dışında http://www.omdbapi.com/ adresi üzerinden diğer parametreleri de inceleyip ekleyebilirsiniz. Dönüş tipini xml olarak değiştirebilirsiniz.

Uygulamanın demosunu http://test.kodladur.com/ adresi üzerinden test edebilirsiniz.

film

 

 

 

 

 

 

Artık bir bardak su içebilirsiniz 🙂