ASP.net ‘AJAX Control Toolkit’ Örnek ve Uygulamaları

Asp.Net Dijital Saat Uygulaması

Hazırladığınız sayfalarda o anki saati , saniyeyi göstermeniz gerekebilir bu gibi durumlarda javascript ile işinizi halledebilirsiniz ama asp.net ve Ajax kullanarak bu uygulamayı daha kolay bir şekilde yapabiliriz.. Uygulama için form üzerine ScriptManager ekliyoruz, daha sonra saat sürekli güncelleneceği için bir UpdatePanel ve bu panelin içine güncellenecek olan timer ve label nesnelerini ekliyoruz. saatin dijital gözükmesi için yazı fontu ve rengini label nesnesinden değiştirmiştim sizde isteğinize uygun olanı seçebilirsiniz.. Eklemeleri yaptıktan sonra Page_Load olayına label nesnesi içinde saatin görüntüleneceğini söylüyoruz […]

Asp.Net Ajax ValidatorCalloutExtender Kullanımı ve Örneği

İLk olarak ValidatorCalloutExtender nedir ve niye kullanılır hemen onu açıklayalım. ValidatorCalloutExtender VisualStudio ile kullandığımız doğrulama (validation) nesnelerini standart görünümünden çıkarıp göze daha hoş bir görünüme sokarak kullanıcıların dikkati çekmek için kullanılır hemen lafı fazla uzatmadan örneğimize geçelim. Aşağıda Normal Validation ve ValidatorCalloutExtender nesneleri arasındaki kullanım farklarını görebilirsiniz. Uygulamamızda ValidatorCalloutExtender kullanabilmek için projemize Ajax Control Toolkit eklememiz gerekiyor nasıl yapılacak ki diyorsanız AJAX Control Toolkit Kurulumu konusuna bakalım. Uygulamamızda normal validation kullanarak yapalım Şimdi uygulamamızı biraz daha geliştirelim bunu için ilk […]

GridViewde Ajax İle Arama Yapma ve Aranan İfadeyi Gösterme

Gridview içerinde kayıtları görüntüledikten sonra bu kayıtlar arasında belli bir alana göre örnek olarak isim alanına göre arama işlemini nasıl yapacağız İsmi Ali olanlar yada isiminde a harfi geçenler gibi şimdi bu konu ile ilgili bir uygulama yapalım. Arama işlemi esnasında sayfayı yenilemeden sonuçları gösterebilmek için Ajax’ın nimetlerinden faydalanacağız. Projenin çalışan halini konu sonundan indirebilirsiniz… Sayfa tasarımını yapalım ilk olarak sayfamızda neler olacak kayıtları görüntülemek için GridView, Ajax kullanacağımız için ScriptManager, sayfayı yenilemeden güncelleyeceğimiz için UpdatePanel ekliyoruz gridview nesnesini UpdatePanel […]

GridView Seçilen Satırın Detaylarını Twitter Bootstrap Kullanarak Modal Popup ile Gösterme

Asp.net GridView Seçili Satır Bilgileri Alma işleminden bahsetmiştik şimdi olayı biraz daha değiştirip,güzelleştirip detaylarını öğrenmek istediğiniz bir kayda tıklayınca Twitter Bootstrap ile cilalayıp Modal Popup ile açılır pencere şeklinde göstereceğiz. İyi dedin güzel bir şey galiba ama son cümleden birşey anlamadım diyorsanız hemen uygulamamıza geçelim. Konu sonunda çalışan uygulamayı indirebilirsiniz… İlk olarak buradan Bootstrap dosyalarımız indiriyoruz. daha sonra projemize css, ve js isimli iki klasör ekleyip css içine bootstrap.css dosyamızı js klasörü içine bootstrap.js dosyamızı ekleyip aşağıdaki kodları yazıyoruz Sayfa […]

Ajax Rating Kullanımı

Yayınlanan bir haber,yorum,resim vb bir olayı veya değeri oylama işlemini yıldızlara tıklayarak yapma işlemini Ajax Rating Kontrolü sayesinde yapabiliriz. Uygulamanın çalışan halini konu sonundan indirebilirsiniz… Ajax Rating kontrolünde en çok kullanılan özellikler: CurrentRating : Bize seçtirilecek olan değeri belirtir. EmptyStarCssClass : Belirteceğimiz boş yıldız(seçilmemiş hali) css halini belirteceğiz. FilledStarCssClass : Yıldızımızın seçili durumdaki css halini belirteceğiz. MaxRating : Yıldız sayısını belirtir , bir diğer deyimle en yüksek seçilecek değeri belirtir. RatingAlign : Yıldızların yatay yada dikey olarak konumlandırır. RatingDirection : […]

Ajax TextBoxWatermarkExtender Kullanımı

TextBoxWatermarkExtender en basit tanımıyla textbox içine tıklayınca kaybolan yazı oluşturmaya yarıyor mesela sağ tarafta bulunan arama kutusunda olduğu gibi, genelde kullanıcılara textbox içine girecekleri bilgiler hakkında ipuçları veya açıklamalar vermek için kullanılır. TextBoxWatermarkExtender ile textbox içinde tıklayınca kaybolan yazı oluşturmak için TextBoxWatermarkExtender nesnesinin TargetControlID, WatermarkText, WatermarkCssClass özelliklerini kullanacağız peki nedir bunlar..: TargetControlID kontrol edilecek textbox’ın ID’si WatermarkText Textbox içine yazılacak olan açıklama WatermarkCssClass açıklamanın kullanacağı css sınıfı Form üzeride yukarıdaki gibi form görüntüsünü oluşturduktan sonra bir ScriptManager ekliyoruz, daha sonra […]

AJAX FilteredTextBoxExtender Kullanımı

FilteredTextBoxExtender sayfalarımızda kullanacağımız TextBox lara sadece sayı, harf (Büyük veya Küçük) veya özel işaretlerden istedikleriniz(+,/&%^’@.) gibi bir giriş formatı oluşturmak istiyorsanız bu işlemi hızlı ve kolay bir şekilde yapmamızı sağlıyor. Peki FilteredTextBoxExtender nasıl kullanılır hemen basit bir örnek ile açıklayalım. İlk olarak sayfamıza bir ScriptManager ekliyoruz daha sonra kontrol edeceğimiz TextBox’ı ve bir FilteredTextBoxExtender ekliyoruz. Şimdi FilteredTextBoxExtender kontrolünün birkaç özelliğini kullanacağız 1-TargetControlID: kontrol edeceğimiz textbox’ın ID’si 2-FilterType: Girilecek olan karakter türü bunlar; Sayı (Numbers), Küçük Harf(LowercaseLetters),Büyük Harf (UppercaseLetters) ve Özel(Custom) […]

AJAX Control Toolkit Kurulumu

AJAX Control Toolkit kurulumunu anlatmadan önce Ajax nedir ondan bahsedelim sonrasında da AJAX Control Toolkit kurulumunu yapalım. AJAX.: “İnternet sayfalarında JavaScript ve XMLHttpRequest kullanımı ile etkileşimli uygulamalar yaratan tekniğin adıdır. ” bir programlama dili değil web siteleriniz daha etkili olmasını sağlayan bir yöntemdir. AJAX Control Toolkit Nedir?: Asp.net ile geliştirdiğiniz projelerinizde kod yazmadan Ajax teknolojilerini kullanmanızı sağlayan bir araçdır. AJAX Control Toolkit Nasıl Kurulur..: 1- http://ajaxcontroltoolkit.codeplex.com/releases/view/107784 adresine gidip Ajax Control Toolkit .NET 4.0 dosyasını indiriyoruz. 2- Toolbox üzerinde sağ tıklayıp […]