4 Kasım 2010 Perşembe

ASP.net WebParts

Kolay düzenlenebilir ve özelleştirilebilir kontroller ile portal sayfası tasarlamak için asp.net te webparts adındaki kontroller kullanılır. Buna bir örnek olarak igoogle verilebilir. Her bölmede farklı görevlerde elementler vardır. Kişiselleştirilebilir yapılardır. Kullanıcı istemediği bölmeyi kapatır.

Sayfadaki bu webpart kontrollerinin çalışması için veritabanı yapısına ihtiyaç vardır. Bu noktada sisteme müdahale etmeniz gerekmez. Yapmanız gereken sadece asp.net in kendi oluşturduğu tabloları kullanmanız. Bu işlem için visual studio command tool u açıp aspnet_regsql komutunu çalıştırın. Karşınıza grafiksel bir sihirbaz gelecek. Burada yönergeleri takip edin. Veritabanı ve sunucu kısmına; kendi makinenizde yapacağınız uygulama için localhost yazmanız yeterli veya daha kolayı bir nokta koyun. Alt kısımda veritabanlarından birini seçebilir ya da yeni veritabanı oluşturmak amacıyla vt ismi girebilirsiniz. Bu işlemlerden sonra sihirbaza devam edilip bitirilir.

Bu yaptığımız işlemle webparts için gerekli tablolar veritabanına kurulmuş olacaktır. Ardından web.config dosyasında connection string ayarı yapmalısınız. web.config e connection string eklemek için; configuration node(düğümü) un hemen altında connectionStrings diye bir node açın. Intellisense size yardım edecektir.
Açılan connection string node içine; öncelikle daha üst bir connection varsa bunu ezmek için clear tagi eklemelisiniz. Ardından da

Connection string adı mutlaka LocalSqlServer olmalıdır. Database olarak sihirbazda verdiğiniz database adı yazılmalıdır.

Webpart Kontrolleri

Webpartların çalışması için sayfanızın en üstüne Webpartmanager kontrolünü eklemelisiniz. Bu kontrol ve diğer web part kontrolleri toolbox ta webparts tabı altında yer alır.

Webpart zone kontrolleri içerisinde farklı elementlerin tutulmasını ve bunların ortak bir tasarıma sahip olmasını sağlayan kontrollerdir. Sayfaya birden fazla webpart zone ve bunların içlerine değişik kontroller eklenebilir. Webpart zone larda, visual studio design modunda aktif durumdayken köşelerindeki küçük oka tıklanarak auto format özelliği açılabilir ve tasarımları değiştirilebilir. Mesela bu zonelar içine bir calendar kontrolü sürükleyin. Veya bir login kontrolü sürükleyin. Arından autoformat la tasarımlarını değiştirin.



Webpart zoneların düzenlenmesi için webpart manager da edit ve design modları mevcuttur. Kod tarafında;

WebPartManager1.DisplayMode = WebPartManager.EditDisplayMode;
WebPartManager1.DisplayMode = WebPartManager.DesignDisplayMode;

şeklinde erişilebilir. Peki bunlar nedir? Bunlar webpartların çalışma zamanında görüntülenme seçenekleridir. Browse modu sadece gösterimi sağlar.
EditDisplayMode modu, kontrollerin görünüşü, başlığı, konumu ve boyutlarını ayarlamayı sağlar. Bunun için webpartmanager editdisplaymode da açılmalıdır. Default ta webpartmanager browse mode da açılır. Edit modun çalışması için sayfaya EditorZone kontrolü eklenmeldir. Bu kontrolün içine de Layouteditorpart, appearanceditorpart kontrolleri eklenmelidir. Bu kontroller de webpart tabı altında bulunur. Edit mod formlarını açmak için çalışma zamandında düzenlenmek istenen kontrolün üstündeki ok a tıklanarak edit menüsüne tıklanmaldır.



Catalog modu da, hangi webpartın hangi zone içine ekleneceğini ayarlamayı sağlar.



Örnek proje için tıklayın.

Hiç yorum yok:

Yorum Gönder