AJAX Control Toolkit Editor ve ColorPicker Kontrolleri

AJAX Control Toolkit gün geçtikçe büyüyor ve gerçekten başlı başına dev bir kontrol kütüphanesi haline geliyor. ASP.NET uygulamalarında kullanabileceğimiz bu kontrol kütüphanesine geçtiğimiz günlerde kullanışlı iki kontrol daha eklendi. Bunlardan özellikle Editor kontrolü her uygulama geliştiricinin ihtiyacı olabilecek bir WYSIWYG editörü(HTML editörü diyebiliriz). Herhangi bir ayarlama yapmanıza, resim dosyalarını bir dizine taşımanıza gerek yok(Resim dosyalarının Generic Handler üzerinden üretilmesi sağlanmış, ama isterseniz dosyaları fiziksel olarakta sunucunuzda saklayabiliyorsunuz). Piyasadaki diğer HTML editörlerine göre basit kullanımı olduğunu söyleyebilirim. Aşağıda bu kontrol için gerekli kod parçalarını ve kontrolün çıktısını görebilirsiniz.

Editor kontrolü için kontrolü sayfaya register etmemiz ve kontrolü bir element olarak eklememiz yeterli.

<%@ Register assembly="AjaxControlToolkit" namespace="AjaxControlToolkit.HTMLEditor" tagprefix="cc1" %>

...

<cc1:Editor ID="Editor1" runat="server" />

 Control Toolkit HTML Editor
Resim: Editor kontrolü ile ASP.NET uygulamalarında HTML içeriklerinizi düzenleyebilirsiniz.

 

Bir diğer yeni kontrol de ColorPickerExtender. Bu kontrol ise kullanıcının renk tablosundan seçtiği rengin kodunu getiriyor. Extender kontrolü olduğu için bir ASP.NET kontrolüne bağlanması gerekiyor. Kontrole odaklanıldığında ColorPicker bir popup penceresi olarak açılır ve kullanıcının bu tablodan seçtiği rengin Hexadecimal kodu bağlanılan kontrole yazılır. Aşağıdaki kod parçasında ColorPickerExtender’ın bir TextBox’a nasıl bağlanacağını görebilir, resimlerden de bu bağlama işleminin nasıl yapıldığını inceleyebilirsiniz.

<%@ Register assembly="AjaxControlToolkit" namespace="AjaxControlToolkit" tagprefix="cc1" %>

...

<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>

<cc1:ColorPickerExtender ID="TextBox1_ColorPickerExtender" runat="server"

    Enabled="True" TargetControlID="TextBox1"></cc1:ColorPickerExtender>

ColorPickerExtender'ın Eklenmesi
Resim: ColorPickerExtender’ın TextBox kontrolüne bağlanması

 


Resim: ColorPickerExtender kontrolünün çıktısı

 

AJAX Control Toolkit’in son sürümünü bilgisayarınıza kurmak ve incelemek için CodePlex sayfasından gerekli yükleme işlemlerini yapabilirsiniz. Son bir not; bu sürüm .NET Framework 3.5 SP1 üzerinde çalışıyor!

20 Mayıs 2009 Çarşamba 09:05

Yorum - RSSYorumlar (10)

Kategori: ASP.NET

facebook'da Paylaş   twitter'da Paylaş   friendfeed'de Paylaş   del.icio.us'da Paylaş   stumpleupon'da Paylaş   Permalink

Bağlantılar



Takip Et

RSS Feed twitter friendfeed

Seminer/Webiner Programım

  • Seminer-WebinerASP.NET 4.0 WebForms Yenilikleri (Microsoft İstanbul Ofisi)
    29 Mayıs 2010

  • Seminer-WebinerVisual Studio 2010 Yenilikleri (Osmangazi Üniversitesi)
    15 Mayıs 2010

  • Seminer-WebinerASP.NET AJAX ile Zengin Internet Uygulamaları Geliştirme (Microsoft İstanbul Ofisi)
    3 Mayıs 2010

>> Etkinlik Takvimi