ASP.NET

  • 01 Nis 2009

ASP.NET 4.0 - Page.Description ve Page.Keyword Özellikleri
Merhaba arkadaşlar bu makale de ASP.NET 4.0 ile Page sınıfına gelen 2 yeni özelliği inceleyeceğiz. Bu özellikler Description ve Keywords

ASP.NET 4.0 ile birlikte Page sınıfına Description ve Keyword isimli iki yeni özellik eklendi. Bu özellikleri kullanarak web uygulamalarına keywords ve desctiption meta etiketlerini ekleyebiliyoruz.

ASP.NET 4.0 Öncesi
ASP.NET 4.0 öncesinde keywords ve description meta etiketlerini <head> etiketi arasına yazabiliyorduk.

<headrunat="server">
    <title>Page Description ve Page Keyword Özelliği</title>
    <meta name="keywords" content="Buraya sayfa ile ilgili anahtar kelimeler gelecek..' />
    <meta name="description" content="Buraya sayfanın açıklaması gelecek..." />
</head>

ASP.NET 4.0 Yaklaşımı
ASP.NET 4.0 ile birlikte sayfa direktiflerinden Keywords ve Description özelliğini kullanarak meta etiketini belirleyebiliyoruz.

[HTML]
<%@
     Page Language="C#"
     AutoEventWireup="true"
     CodeFile="Default.aspx.cs"
     Inherits="_Default"
    Keywords="Anahtar kelimeler…"
    Description="Sayfa ile ilgili açıklama…"
%>

Bu bilgilerin veritabanından geleceğini de düşünürsek bu işlemi dinamik olarak da yapabiliriz.

[C#]
protected void Page_Load(object sender, EventArgs e)
{
    this.Keywords = "Anahtar kelimeler…";
    this.Description = "Sayfa ile açıklama…";
}

Eğer sayfada head etiketi arasında tanımlı keywords yada description meta etiketi varsa bizim belirlediğimiz bilgiler üzerine yazılacaktır.

  • 19 Mar 2009

ASP.NET 4.0 – Kontroller için ClientIDMode Özelliği
Merhaba arkadaşlar, bu makalemiz de ASP.NET 4.0 ile birlikte gelecek olan ClientIDMode özelliğini inceliyor olacağız...

ASP.NET de kontroller render edildikten sonra bir ID değeri alıyor ve bu ID değeri tüm kontroller için benzersiz oluyor. Bu yüzden, eğer kontrol UserControl yada MasterPage içerisindeyse kontrol'ün ID'si UserControlAdi_KontrolAdi şeklinde uzun bir isme sahip oluyor. Bu şekilde özellikle istemci taraflı geliştirme yaparkan(Javascript, JQuery vs.) bu kontrollere erişmek çok zor oluyor ve uygulamayı geliştiren kişinin geliştirme süresini uzatıyordu.

ASP.NET 4.0 Öncesi ve Read-Only ClientID Özelliği
Aslında ASP.NET içerisinde her kontrolün ClientID isimli read-only bir propertysi var. Bu property ile kontrolün alacağı ID’ye erişebiliyoruz. Fakat kontrolü bir user control içerisine taşırsak WebUserControl1_lblClientID gibi bir ClientID’ye sahip oluyor. Bu da istemci tarafında yapılan işlemi ve süreci etkiler, yapılan işlemin hatalı olmasına neden olur. Çünkü eğer harici bir dosya içinde İstemci taraflı işlemler yapılıyorsa orada da ilgili değişikliğin yapılması gerekir.

ASP.NET 4.0 Öncesi ClientID Özelliği
Response.Write(KonrolAdi.ClientID);
KonrolAdi.ClientID = “Atanamaz”; // => Read only bir özellik, atama yapılamaz !


ASP.NET 4.0 Yaklaşımı ve ClientIDMode Özelliği
İstemci taraflı geliştirmenin web uygulamalı içerisinde kullanımın artmasıyla birlikte bu sorunu aşmak için ASP.NET 4.0 ile birlikte kontrollere ClientIDMode isimli bir özellik eklendi. Bu özellik kontrol render edildikten sonra kontrolün alacağı ClientID değerinin istediğimiz gibi atanmasını sağlıyor. Yani ClientID’nin değeri eskiden olduğu gibi uzunca bir değer olabilir, bizim vereceğimiz her hangi bir değer olabilir ya da kontrol’ün ID’si ile aynı olabilir.

ClientIDMode özelliğinin alabileceği 4 özellik var. Bunlar Legacy (varsayılan değer), Inherit, Static, Predictable.

Legacy
ClientIDMode’un default değeridir. Eğer ClientIDMode özelliğine Legacy’i enum’u set edilmişse kontrolün alacağı ID değeri önceki sürümlerde olduğu gibidir. Yani uzunca bir ClientID oluşur :)

Örnek Kullanımı
<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
<asp:Label ID="lblSample" ClientID="lblSample" ClientIDMode="Legacy" runat="server" Text="Deneme"></asp:Label>
</asp:Content>

Html Çıktısı
<span id="ctl00ctl00_ContentPlaceHolder1_lblSample">Deneme</span>


Inherit 
Her kontrol için default davranış gösterir. İçerisinde yer aldığı parent kontrolün ClientIDMode property’si ne olarak belirlenmişse, kontrol içinde o özellik atanır. Örneğin bir MasterPage ve Content sayfası var. Content sayfanın içinde de bir Label var. Master Page içerisindeki ContentPlaceHolder'ın ClientIDMode özelliği static ise Content sayfa içerisinde yer alan kontrolün özelliği de static olarak belirlenir.

Örnek Kullanımı
 
Master Page
<asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server" ClientIDMode="Static"> </asp:ContentPlaceHolder>

Content
<asp:Label ID=" lblSample" ClientID="lblInheritSample" ClientIDMode="Inherit" runat="server" Text="Deneme"></asp:Label>
 

Html Çıktısı
<span id="lblInheritSample">Deneme</span> // Parent Kontrolün(Content) ClientIDMode özelliği static olduğu için içteki kontrolünde ClientIDMode özelliği static olarak atandı…


Static
Bu mod seçildiğinde, kontrolün ClientID’ne ne atamışsak oluşacak olan HTML çıktısına da o değer atanır. Burada dikkat edilmesi gereken şey, ClientID’nin benzersiz olduğundan emin olmak zorundayız. Yani elimizde 2 User Control var. Her ikisi içinde de bir label olduğunu düşünürsek iki label’ın CleintID’si farklı olması gerekir. Eğer ikisi de aynı olursa, client site de yapacağımız işlemler de yanlış sonuçlar alabiliriz. Özellikle de databound kontrollerinden kullanmamak gerekir.

Örnek Kullanımı
<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
<asp:Label ID=" lblSample" ClientID=”lblClientSample" ClientIDMode="Static" runat="server" Text="Deneme"></asp:Label>
</asp:Content>

Html Çıktısı
<span id=" lblClientSample">Deneme</span>


Predictable
Bu özellik, Gridview, Repeater gibi DataBound kontroller için daha kullanışlıdır. Burada işe yarayacak bir diğer property de RowClientIDSuffix özelliğidir. Bu özellik ile DataBound kontrolünün kolonu içerisinde yer alan kontrolün ClientID’nin değerinin sonuna takı olarak belirttiğimiz alanın değeri eklenir.

Örnek Kullanımı
<asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="false" ClientIDMode="Predictable" RowClientIDSuffix="UrunAdi"> // RowClientIDSuffix özelliğine veri kaynağından gelen bir alan yazmak zorundayız. Birden fazla kontrol için yapacaksak alanları virgül ile ayırabiliriz.
<Columns>
<asp:TemplateField>
<ItemTemplate>
<asp:Label ID="lblUrunAdi" runat="server" Text='<%# Eval("UrunAdi") %>'></asp:Label>
</ItemTemplate>
</asp:TemplateField>
</Columns>
</asp:GridView>

Html Çıktısı
<table cellspacing="0" rules="all" border="1" id="ctl00_ContentPlaceHolder1_GridView1" style="border-collapse:collapse;">
<tr><th scope="col">&nbsp;</th></tr><tr><td>
<span id="ctl00_ContentPlaceHolder1_GridView1_lblUrunAdi_Kalem">Kalem</span>
</td></tr><tr><td>
<span id="ctl00_ContentPlaceHolder1_GridView1_lblUrunAdi_Defter">Defter</span>
</td></tr><tr><td>
<span id="ctl00_ContentPlaceHolder1_GridView1_lblUrunAdi_Silgi">Silgi</span>
</td></tr><tr><td>
<span id="ctl00_ContentPlaceHolder1_GridView1_lblUrunAdi_Dosya Kağıdı">Dosya Kağıdı</span>
</td></tr>
</table>

Eğer ClientIDMode özelliğini Predictable yapmasaydık,
<table cellspacing="0" rules="all" border="1" id="ctl00_ContentPlaceHolder1_GridView1" style="border-collapse:collapse;">
<tr><th scope="col">&nbsp;</th></tr><tr><td>
<span id="ctl00_ContentPlaceHolder1_GridView1_ctl02_lblUrunAdi">Kalem</span>
</td></tr><tr><td>
<span id="ctl00_ContentPlaceHolder1_GridView1_ctl03_lblUrunAdi">Defter</span>
</td></tr><tr><td>
<span id="ctl00_ContentPlaceHolder1_GridView1_ctl04_lblUrunAdi">Silgi</span>
</td></tr><tr><td>
<span id="ctl00_ContentPlaceHolder1_GridView1_ctl05_lblUrunAdi">Dosya Kağıdı</span>
</td></tr>
</table>


Makalenin sonuna geldik, başka bir makalede görüşmek üzere. ASP.NET ile kalın ;)

Sem GÖKSU
www.semgoksu.com | www.yazilimgunlugu.com
sem.goksu@yazilimgunlugu.com
Kaynaklar
msdn.com

  • 09 Mar 2009

ASP.NET Data Kontrolleri İçin Sayfalama Kontrolü
Merhaba arkadaşlar, bu makalemiz de repeater, datalist, gridview gibi data kontrollerinde kullanabileceğimiz kişiselleştirilebilir sayfalama kontrolü hazırlayacağız.

Web uygulamalarında verileri listelerken verinin tamamını listelemek hem sayfanın görünümü hem de performansını olumsuz yönde etkiler. Bunun için verilerin kullanıcıya hepsi yerine belli bir kısmı gösterilir. Geri kalan kısmı ise sayfalar halinde gösterilir. Gridview kontrolü içerisinde yer alan sayfalama özelliği hızlı bir çözüm olduğu için avantajlı görünse de verinin tamamını bellekte tutup bellek üzerinde veriyi sayfaladığı için performans açısından dezavantajlıdır. Datalist ve Repeater kontrollerinin sayfalama özelliği olmadığını düşünürsek kendimiz bu kontroller için sayfalama kontrolü geliştirmek zorundayız.

 

Resim 1

 

İlk olarak yeni bir ASP.NET projesi oluşturalım. Sayfalama kontrolümüzü bir UserControl içerisinde oluşturacağız. Bunun için bir Paging.ascx adında yeni bir UserControl ekleyelim. Paging.ascx’e bir div ve div’in içine de sadece Label ekleyelim. Sayfa da oluşacak linkler içinde düzgün görünmesi açısından css yazalım.

 

[Paging.ascx]

<style type="text/css">

.sayfalama .text

{

background-color:blue;

color:Yellow;

text-decoration:none;

margin:1px;

padding:5px;

font-family:Lucida Sans Unicode;

font-size:12px;

text-align:center;

}

 

.sayfalama a:link

{

background-color:navy;

color:Yellow;

text-decoration:none;

margin:1px;

padding:5px;

font-family:Lucida Sans Unicode;

font-size:12px;

text-align:center;

}

 

.sayfalama a

{

background-color:navy;

color:Yellow;

text-decoration:none;

margin:1px;

padding:5px;

font-family:Lucida Sans Unicode;

font-size:12px;

text-align:center;

}

 

.sayfalama a:hover

{

background-color:blue;

color:Yellow;

text-decoration:none;

margin:1px;

padding:5px;

font-family:Lucida Sans Unicode;

font-size:12px;

text-align:center;

}

</style>

 

<div class="sayfalama">

<asp:Label ID="lblPaging" runat="server" Text="Label"></asp:Label>

</div>

 

Sayfa da görüntüleyeceğimiz veri içinde bir store procedure yazalım. Store procedure içerisinde SQL Server 2005 ile birlikte gelen Row_Number fonksiyonunu kullanarak her bir kayıt için satır numarası oluşturulmasını sağlayacağız.

 

[SP]

Use AdventureWorks

go

createProc GetProductSubCategories

@AktifSayfa int, -- Aktif olan sayfayı alacağımız parametre

@ToplamKayitSayisi int output – Toplam kayıt sayısını geri döndüreceğimiz parametre

AS

--Değişkenler

declare @IlkKayit int ;

declare @SonKayit int ;

declare @SayfaSayisi int;

 

set @SayfaSayisi = 10; -- Bir sayfada gösterilecek olan sayfa sayısı

set @SonKayit = @SayfaSayisi * @AktifSayfa;

 @IlkKayit = @SonKayit - @SayfaSayisi + 1;

 

select @ToplamKayitSayisi = count(*) from Production.ProductSubcategory; --Toplam sayfa sayısı hesaplandı

 

with tProductSubcategoryas

(

Select   ROW_NUMBER () over (order by ProductSubCategoryID DESC) SatirNo, * from Production.ProductSubCategory

)

Select * from tProductSubcategoryWhere SatirNo between @IlkKayit AND @SonKayit

 

Veri kaynağımızı hazırladıktan sonra sayfa numaralarını ekranda gösterebilmek için Paging.ascx.cs içinde bir metot yazalım.

 

[Paging.ascx.cs]

public void Sayfala(int AktifSayfa, int ToplamKayitSayisi, string AktifDizin)

{

    lblPaging.Text = ""; //Sayfa her açıldığında label temizleniyor

    int ToplamSayfaSayisi = 0; // Sayfa sayısı hesaplanıyor

    if ((ToplamKayitSayisi % 10) == 0)

    {

        ToplamSayfaSayisi = ToplamKayitSayisi / 10;

    }

    else

    {

        ToplamSayfaSayisi = (ToplamKayitSayisi / 10) + 1;

    }

 

    if (AktifSayfa != 1) //Eğer 1. Sayfada değilsek ilk sayfaya dön linki oluşturulacak

    {

        lblPaging.Text += "<a href='" + AktifDizin + "Page=1'>«</a>";//AktifDizin parametresi ile gelen sayfanın pathine göre link oluşturulacak

    }

 

    for (int i = 1; i <= ToplamSayfaSayisi; i++) //Sayfalar ekrana bastırılıyor

    {

        if (AktifSayfa != i)

        {

            lblPaging.Text += "<a href='" + AktifDizin + "Page=" + i.ToString() + "'>" + i.ToString() + "</a>"; //AktifDizin parametresi ile gelen sayfanın pathine göre link oluşturulacak

        }

        else//Aktif sayfa linksiz görünsün

        {

            lblPaging.Text += "<span class='text'>" + i.ToString() + "</span>";

        }

    }    

 

    if (AktifSayfa != ToplamSayfaSayisi)//eğer son sayfada değilsek son sayfaya git linki oluşturulacak

    {

    lblPaging.Text += "<a href='" + AktifDizin + "Page=" + ToplamSayfaSayisi+ "' >»</a>";

    }
}

 

Artık her şey hazır, sayfamızda görüntülemek için yukarıda yazdığımız SP’i kullanarak verileri çekelim ve sayfalama kontrolümüze ilgili parametreleri yollayalım. İlk olarak sayamıza bir DataList kontrolü e oluşturduğumuz Paging isimli UserControl’den bir tane ekleyelim. DataList’i biraz düzenleyelim;

 

[Default.aspx]

<%@Register Src="Paging.ascx" TagName="Paging" TagPrefix="uc1" %>

<asp:DataList ID="dlProducts" runat="server" CellPadding="4" ForeColor="#333333"

Width="432px">

<Footer Style BackColor="#5D7B9D" Font-Bold="True" ForeColor="White" />

<AlternatingItem Style BackColor="White" ForeColor="#284775" />

<Item Style BackColor="#F7F6F3" ForeColor="#333333" />

<SelectedItem Style BackColor="#E2DED6" Font-Bold="True" ForeColor="#333333" />

<Header Style BackColor="#5D7B9D" Font-Bold="True" ForeColor="White" />

<Item Template>

<%#Eval("Name") %>

</Item Template>

</asp:DataList>

<br/>

<uc1:Paging ID="Paging1" runat="server" />

 

Şimdi ilgili sayfada kayıtları görüntülemek için gerekli metodu yazalım.

 [Default.aspx.cs]

public void UrunleriGetir(int AktifSayfa, string SayfaDizin)

{

    SqlConnectioncnn = new SqlConnection("server=.; DataBase=AdventureWorks; Uid=sa; pwd=sa12345");   

    SqlCommandcmd = new SqlCommand("GetProductSubCategories", cnn);

    cmd.CommandType = CommandType.StoredProcedure;

    cmd.Parameters.Add("@AktifSayfa", SqlDbType.Int).Value = AktifSayfa;

    cmd.Parameters.Add("@ToplamKayitSayisi", SqlDbType.Int).Direction = ParameterDirection.Output;

    SqlDataAdapterda = new SqlDataAdapter(cmd);

    DataTabledt = new DataTable();

    da.Fill(dt);

    dlProducts.DataSource = dt;

    dlProducts.DataBind();

    intToplamKayitSayisi = (int)cmd.Parameters["@ToplamKayitSayisi"].Value;

    Paging1.Sayfala(AktifSayfa, ToplamKayitSayisi, SayfaDizin); //Paging kontrolü için yaptığımız public metoda parametrelerini gönderiyoruz
}


public int AktifSayfa { get; set; } //Aktif sayfa için property


protected void Page_Load(object sender, EventArgs e)
{
    if(Request.QueryString["Page"] != null) //Page isimli Querystring’i kontro ediyoruz
    {
        AktifSayfa = Convert.ToInt32(Request.QueryString["Page"]);
    }
    else
    {
        AktifSayfa = 1;//QueryString null ise default olarak 1 değerini atıyoruz
        UrunleriGetir(AktifSayfa, "Default.aspx?"span>);
    } 

}

Testimizi yapabiliriz;

Resim 8

Kaynak kodları indirmek için tıklayınız

Makalenin sonuna geldik, başka bir makalede görüşmek üzere. .NET ile kalın ;)

Sem GÖKSU
www.semgoksu.com  | www.yazilimgunlugu.com 
sem.goksu@yazilimgunlugu.com 

  • 26 Şub 2009

ModalPopup Kontrolü ile Kullanıcı Dostu Mesaj Pencereleri Çıkarmak
Merhaba arkadaşlar bu makalemizde ASP.NET AJAX Control Toolkit içerisinde yer alan Modal Popup kontrolünü kullanarak kullanıcı dostu mesaj pencerelerinin nasıl oluşturulacağına bakacağız...

ASP.NET ile uğraşırken kullanıcıyı nasıl bilgilendireceğimiz geliştirici için her zaman sorun olmuştur. Bazen label’lar kullanırken bazı durumlarda da javascript’ten faydalanarak alert metodu kullanılır ve kullanıcıya bir mesaj penceresi çıkarılır. Label kullanıldığında kullanıcı hatanın nerede yazdırıldığını algılayamıyor, alert kullanıldığında ise görsel olmayan bir pencere ile karşılaşıyoruz ve kişiselleştiremiyoruz. Kullanıcıya mesaj verirken başka bir işleminde yaptırılmasını istersek ne label nede alert bizim ihtiyaçlarımızı karşılayamayacaktır.

Örneğin üye girişi gerektiren bir sistemimiz var, kullanıcı bu alana girmek istediğin de hem kullanıcıyı bilgilendiren bir mesaj çıkartmamız hem de üye girişi formunun görüntülenmesini istersek ne yapacağız? İşte bu durumda bizim işimizi çözecek şey ASP.NET AJAX Modal Popup kontrolüdür. Modal popup kontrolü sayfamızın üzerine yeni bir layer(div) açarak kullanıcının layerin altında kalan kısmı ile işlem yapmasını engelleyerek sadece bizim açtığımız layer ile işlem yapmasını sağlar. Bizde bu oluşturduğumuz layer üzerine hata mesajlarını gösterebileceğimiz labeller ekleyebilir, üzerinde formlar oluşturup mesaj penceremizi istediğimiz gibi kişiselleştirebiliriz.

Not:Bu işlemi yapabilmemiz için AJAX Control Toolkit’i indirip kurmamız gerekmektedir. ASP.NET AJAX Control Toolkit’i indirmek için http://www.asp.net/Ajax/ajaxcontroltoolkit adresini kullanabilirsiniz.

Yeni bir ASP.NET projesi başlattıktan sonra. Sayfamıza bir adet UserControl ekleyelim. Adı WebMessageBox olsun. UserControl için HTML kodumuz aşağıdaki gibi olacaktır.

[WebMessageBox.ascx]

<%@Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="cc1" %>

// Modal Popup kontrolünü dinamik olarak çağıracağımız için TargetControlID’ye bir değer atayamıyoruz. Bu özelliğe bir değer atamazsak hata verecek bunu engellemek için de formda görünmeyen bir buton ekledik.
<asp:Button ID="btnShow" runat="server" Style="display: none;" />

<asp:Panel ID="pnlPopup" runat="server" Style="background-color: White; width: 420px; border-width: 2px; border-color: gray; font-size: 10pt; font-family: Tahoma; line-height: 15px; border: 1px solid #A6A6A6;">
<div style="background-color: red; background-repeat: repeat-x; width: 415px; height: 22px; padding-top: 3px; text-align: left; padding-left: 5px; font-weight: bold;">
<span style="color: #FFFFFF; direction: ltr;">Mesaj Kutusu</span></div>
<div style="padding: 5px;">
<div style="padding: 10px;">
<div style="float: left; padding-right: 10px;">
//Hata olduğunda kullanıcıyı bilgilendirecek olan resim dosyası…
<asp:Image ID="imgIcon" runat="server" />
</div>
<div>
//Hata Mesajının gösterileceği textbox…
<asp:Label ID="lblMessage" runat="server"></asp:Label>
<div style="width:100%; text-align:right; padding-top:20px">
// Açılan ModalPopup kontrolünü kapatacak olan buton…
<asp:Button ID="btnClose" Text="Kapat" runat="server" CausesValidation="False" />
</div>
</div>
</div>
</div>
</asp:Panel>
<cc1:ModalPopupExtenderID="ModalPopupExtender1" runat="server" TargetControlID="btnShow" PopupControlID="pnlPopup" BackgroundCssClass="modalBackground" DropShadow="true" />

ModalPopup kontrolünün arka BackgroundCssClass özelliği içinde bir CSS class’ı oluşturalım.

[WebMessageBox.css]

.modalBackground
{
background-color: black; filter: alpha(opacity=70);opacity: 0.7;
}


Yaptıklarımızı inceleyecek olursak, lblMessage kontrolünü MessageBox açıldığında içerisinde göstereceğimiz hata mesajı için, imgIcon kontrolünü kullanıcıyı bilgilendiren bir resim için, btnClose’u da açılan popup penceresini kapatmak için ekledik. Peki btnShow butonunu neden ekledik? Bununda nedeni aslında basit, Modal PopupControl’ünün TargetControlID parametresine mutlaka bir değer atamak zorundayız. Bunun için bizde forma bir buton ekledik display özelliğini kapattık ve ModaPopupControl’ün TargetControlID özelliğine bu kontrolü atayıp bu sorunu çözdük.

Buton’un display özelliği kapalı olduğu için bu kontrolü kullanamıyoruz. Zaten bizim amacımız da bu değil. Bizim yapmamız gereken istediğimiz yerden bu UserControl içerisindeki ModalPopupExtender’i çağırmak. ModalPopup kontrolünün server-side çalışan Show isimli bir metodu var. Bu metot ModalPopup kontrolünün kullanıcıya gösterilmesini sağlıyor.

ModalPopupExtender.Show()


Bizde bu metodu kullanarak kod tarafından modalpopup kontrolünü görünebilir hale getirelim. Bunun için UserControl’ün kod dosyasına gidip bir metot yazalım. Bu metot ilgili yerlere değerlerini atasın ve değerleri atadıktan sonra da ModalPopup’ın gösterilmesini sağlasın.

[WebMessageBox.ascx.cs]

publicvoid Show(string Mesaj, string Action)
{
    if (Action == "success") // Burayı enumda yapabilirsiniz…
    {
        imgIcon.ImageUrl = "success.gif"; 
    }
    else if (Action == "error")
    {
        imgIcon.ImageUrl = "error.gif";
    }
    lblMessage.Text = Mesaj;
    ModalPopupExtender.Show();
}


WebMesageBox kontrolümüz hazır, şimdi bu usercontrol’ü bir sayfaya ekleyelim. Aynı zamanda bir buton ekleyelim. Bu buton WebMessageBox’ın görüntülenmesini sağlayacak.

[Default.aspx]

<%@Register src="WebMessageBox.ascx" tagname="WebMessageBox" tagprefix="uc1" %>

<asp:ScriptManager ID="ScriptManager1" runat="server"></asp:ScriptManager>
<uc1:WebMessageBox ID="WebMessageBox1" runat="server" />
<br/> <br />
<asp:Button ID="Button1" runat="server" onclick="Button1_Click" Text="Button" />


Şimdi de buton’un click eventine gidelim ve UserControl içerisinde yer alan metodu kullanarak MessageBox’ı çıkartalım.

[Default.aspx.cs]

protectedvoid Button1_Click(object sender, EventArgs e)
{
    WebMessageBox1.Show("İşlem Başarılı", "success");
}


Sayfayı Çalıştıralım ve butona tıkalaylım,

Birde kodu aşağıdaki gibi değiştirelim,

[Default.aspx.cs]

protectedvoid Button1_Click(object sender, EventArgs e)
{
    WebMessageBox1.Show("Hata var…", "error");
}

Sayfadaki butona tekrar tıklayalım,

Hoş geldin WebMessageBox… Kaynak kodları indirmek için tıklayınız. Başka bir makale de görüşmek üzere. ASP.NET ile kalın J

Sem GÖKSU
www.semgoksu.com | www.yazilimgunlugu.com
sem.goksu@yazilimgunlugu.com

Kaynaklar
asp.net/ajax

  • 25 Şub 2009

ASP.NET Caching(Önbellekleme) – Data Caching
Merhaba arkadaşlar bu makalemizde ASP.NET ile performans için çok önemli bir konu olan Caching mekanizmasının da Data Caching’i inceliyor olacağız.

İlk makalemiz de performansı arttırmak için Output Caching ile sayfanın çıktısını önbelleğe almıştık. Output Caching ile sayfa çıktısının tamamını yada belli bir kısmını önbellekleyebiliyorduk. Fakat her zaman bu yeterli olmayacaktır. Bazı durumlar da sayfa içerisinde kullanılan verinin yada verilen de önbelleklenmesi gerekebilir. Bu durumda Output Caching kullanamayız, çünkü Output Caching ile sadece sayfanın çıktısını önbellekleyebiliyoruz. Uygulamamız içerisinde veri yada verileri önbelleğe alabilmek için Data Caching’i kullanmamız gerekiyor.

Output Caching’de bahsettiğimiz durum Data Caching içinde geçerlidir. İstenilen bilginin tekrar tekrar kaynaklardan çekilmesi yerine, gelen ilk istek server tarafından karşılanacak (veritabanı yada başka bir sağlayıcı da olabilir) sonrasında ise önbelleklenen veri bellekten alınıp uygulama içerisinde kullanılacak. Veritabanından aldığımızı düşünürsek bu işlem performans için çok önemli bir artış sağlıyor olacaktır.

Yukarıdaki örnek, önbelleklenen ve önbelleklenmeyen bir database işleminin akış şemasını gösteriyor. İlk örnekte gelen her istek ilgili Query’i çalıştırmak için database’e bağlanıyor, hem server tarafında trafik oluyor hem de verinin databaseden getirilmesi sırasında performans kaybı yaşanıyor. İkinci örnekte ise sadece ilk seferde veritabanına bağlanıyor ve veriyi önbelleğe atıyor. Sonrasında gelen tüm talepler önbellekten getiriyor. Bu da verinin hazır bir şekilde alınmasını, dolayısıyla uygulamanın daha performanslı çalışmasını sağlıyor.

En basit kullanım şekli ile bir nesneyi Cache’e atmak aşağıdaki gibidir…

Cache.Insert("Key", Data);

Cache’e attığımız nesneyi silmek istiyorsak da aşağıdaki gibi bir kullanıma ihtiyacımız var.

Cache.Remove("Key”);

Data caching için kullanabileceğimiz 3 yöntem var. Absolute Time, Sliding Time(Süreye Bağlı Önbellekleme) ve File Dependency (Dosya Değişimine göre Önbellekleme).

Absolute Time

Belirtilen süre boyunca data önbellekte saklanır bu süre içerisinde gelen talepler önbellekten karşılanır. Sürenin sonunda ise data önbellekten silinecektir.

Cache.Insert("key", data, null, DateTime.Now.AddMinutes(1), System.Web.Caching.Cache.NoSlidingExpiration);

İlk parametre, önbelleğe alınan veriye ulaşabilmemiz için ulaşacağımız key, ikinci parametre önbellekte saklanacak olan verinin kendisi, üçüncü parametre CacheDependency nesnesi (biz burada bunu şimdilik kullanmayacağımızı için null gönderiyoruz), dördüncü parametre verinin ne kadar süre önbellekte kalacağını belirten DateTime tipinde bir değer, son parametre de TimeSpan tipinde bir değer istiyor, Absolute Time için, parametre olarak Cache sınıfında bulunan NoSlidingExpiration fielad’ını parametre olarak gönderiyoruz.

Sliding Time

Belirtilen süre boyunca data önbellekte saklanır. Eğer bu süre içerisinde yeni bir talep gelirse süre yeni baştan başlar. Sürenin sonunda ise veri önbellekten silinir.

Cache.Insert("key", Data, null, System.Web.Caching.Cache.NoAbsoluteExpiration, TimeSpan.FromSeconds(120));

Absolute time da olduğu, Sliding Time içinde ilk üç parametre aynı. Dördüncü parametre hatırlarsak bizden DateTime tipinde bir parametre istiyordu. Sliding Time’a göre önbellekleme yapacaksak, Cache sınıfında bulunan NoAbsoluteExpiration fieldını parametre olarak yolluyoruz, son parametreye de timespan tipinde bir değer yolluyoruz.

File Dependency

Disk üzerinde yer alan bir dosyadan çekilen verinin içeriği değişene kadar önbellekleme yapılır.

[XML]

<?xml version="1.0" encoding="utf-8"?>
<Products>
<Product>
<ProductID>1</ProductID>
<Name>Masa</Name>
</Product>
<Product>
<ProductID>2</ProductID>
<Name>Sandalye</Name>
</Product>
<Product>
<ProductID>3</ProductID>
<Name>Dolap</Name>
</Product>
</Products>

[C#]

CacheDependencydep = new CacheDependency(Server.MapPath("Data.xml"));

//XML’en gelen verinin data isimli bir objeye atıldığı varsayılmıştır…

Cache.Insert("key", data, dep, DateTime.Now.AddHours(2), System.Web.Caching.Cache.NoSlidingExpiration);

İki saat boyunca önbelleğe alınır ancak, dosyada herhangi bir değişiklik olursa önbelleklenen veri silinir.

Örnek

Öğrenci koleksiyonu içerisinde yer alan veriyi 30 dakika boyunca önbellekten getirelim. Bunun için ilk olarak Ogrenci isimli bir nesne oluşturalım. Aynı nesne içerisinde öğrencileri getirecek öğrenci listesi de yer alacak.

[Ogrenci.cs]

classOgrenci
{
public static List<Ogrenci> Ogrenciler()
{

// Veriyi database’den de getirebilirsiniz… Sadece örnek olması için bu şekilde yaptık.
return new List<Ogrenci>()
{
new Ogrenci(){ OgrenciID = 1, AdSoyad = "Sem Göksu"},
new Ogrenci(){ OgrenciID = 2, AdSoyad = "Dilara Göksu"},
new Ogrenci(){ OgrenciID = 3, AdSoyad = "Ercan Kilercioğlu" }
};
}
public int OgrenciID { get; set; }
public string AdSoyad { get; set; }
}

Şimdi sayfamızın Page_Load eventine gidelim.

[Page_Load]

List<Ogrenci> Ogrenciler = null;
if(Cache["Ogrenciler"] != null)
{
Ogrenciler = Cache["Ogrenciler"] as List<Ogrenci>;
Response.Write("Veri Cache'den getirildi...");
}
else
{
Ogrenciler = Ogrenci.Ogrenciler();
Cache.Insert("Ogrenciler", Ogrenciler, null, DateTime.Now.AddMinutes(30), System.Web.Caching.Cache.NoSlidingExpiration); // Absolute Time Caching
Response.Write("Veri Veri Kaynağından Getirildi...");
}

GridView1.DataSource = Ogrenciler;
GridView1.DataBind();


Testimizi yapalım…

Sayfayı çalıştıralım, İkinci kez çalıştıralım,


Makalenin sonuna geldik, başka bir makalede görüşmek üzere…

Sem GÖKSU
www.semgoksu.com | www.yazilimgunlugu.com
sem.goksu@yazilimgunlugu.com

Kaynaklar
asp.net