Asp.Net Repeater Kontrolü ile Sayfalama (Paging) | ASP.NET : .NET, C#, VB, ASP.NET, ADO.NET, Framework, SQL, Silverlight, AJAX Türkçe Kaynak

Asp.Net Repeater Kontrolü ile Sayfalama (Paging)

ASP.NET

13.08.2011 17:47:18

Bu makalemizde Asp.Net Repeater kontrolünde sayfalama işlemiyle ilgili bir örnek uygulama yapacağız.

Uygulamamızda 5 adet ürümünüz olacak ve bu ürünleri her sayfada 2 ürün olacak şekilde listeleyip İLERİ ve GERİ butonlarıyla önceki ve sonraki sayfalara ulaşarak inceleyeceğiz.

Yeni bir Asp.Net Web Application oluşturalım ve bu uygulamamıza ürünler için kullanacağımız ürün modelimizi (Urun.cs sınıfı) ekliyoruz.

Urun.cs

public class Urun

{

public string UrunAd { get; set; }

public double UrunFiyat { get; set; }

}

Hazırlanan ürünleri ekranda göstermek için Default.aspx dosyamızda daha önceki uygulamalarda yaptığımız işlemleri uyguluyoruz.

Default.aspx

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Paging.aspx.cs" Inherits="AspNetRepeaterControl.Paging" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

</head>

<body>

<asp:Repeater ID="Repeater1" runat="server">

Başlık

</div>

</HeaderTemplate>

<%#DataBinder.Eval(Container.DataItem,"UrunAd") %>

</div>

<b>:</b> <%#DataBinder.Eval(Container.DataItem,"UrunFiyat") %> TL

</div>

<//div>

</ItemTemplate>

<%#DataBinder.Eval(Container.DataItem,"UrunAd") %>

</div>

<b>:</b> <%#DataBinder.Eval(Container.DataItem,"UrunFiyat") %> TL

</div>

<//div>

</AlternatingItemTemplate>

Kayıt Sonu

</div>

</FooterTemplate>

</asp:Repeater>

<asp:Button ID="btGeri" runat="server" Text="GERİ" Width="50px"

onclick="btGeri_Click" />

</div>

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

</div>

<asp:Button ID="btIleri" runat="server" Text="İLERİ" Width="50px"

onclick="btIleri_Click" />

</div>

</form>

</body>

</html>

Repeater’dan sonra yeni bir div oluşturup bu div içinde İLERİ ve GERİ butonlarını yerleştiriyoruz. Butonların ortasına da bulunduğumuz sayfa bilgilerini yerleştireceğimiz LABEL’ı yerleştiriyoruz.

Şimdi Default.aspx.cs dosyasına gidelim ve verimizi alıp sayfalayıp ekranda gösterelim.

Default.aspx.cs

public partial class Paging : System.Web.UI.Page

{

private int SayfaNumarasi

{

get

{

if (ViewState["SayfaNumarasi"] != null)

return Convert.ToInt32(ViewState["SayfaNumarasi"]);

return 0;

}

set

{

ViewState["SayfaNumarasi"] = value;

}

private int SayfaAdedi

{

get

{

if (ViewState["SayfaAdedi"] != null)

return Convert.ToInt32(ViewState["SayfaAdedi"]);

return 0;

}

set { ViewState["SayfaAdedi"] = value; }

}

public PagedDataSource SayfadakiVeri { get; set; }

private List<Urun> urunler = new List<Urun>

{

new Urun{UrunAd = "Kola",UrunFiyat = 2},

new Urun{UrunAd = "Meyve Suyu",UrunFiyat = 1},

new Urun{UrunAd = "Gazoz",UrunFiyat = 1},

new Urun{UrunAd = "Su",UrunFiyat = 0.5},

new Urun{UrunAd = "Süt", UrunFiyat = 1.5}

};

protected void Page_Load(object sender, EventArgs e)

{

if (!IsPostBack)

{

SayfaKaydiniGetir();

}

private void SayfaKaydiniGetir()

{

SayfadakiVeri = new PagedDataSource()

{

DataSource = urunler,

AllowPaging = true,

PageSize = 2,

CurrentPageIndex = SayfaNumarasi

};

Repeater1.DataSource = SayfadakiVeri;

Repeater1.DataBind();

SayfaAdedi = SayfadakiVeri.PageCount - 1;

lbSayfaBilgi.Text = "Sayfa " + (SayfadakiVeri.CurrentPageIndex + 1) + "/" + SayfadakiVeri.PageCount + " - Kayıt Sayısı " + (SayfadakiVeri.DataSourceCount);

btGeri.Enabled = !SayfadakiVeri.IsFirstPage;

btIleri.Enabled = !SayfadakiVeri.IsLastPage;

}

protected void btGeri_Click(object sender, EventArgs e)

{

SayfaNumarasi -= 1;

SayfaKaydiniGetir();

}

protected void btIleri_Click(object sender, EventArgs e)

{

SayfaNumarasi += 1;

SayfaKaydiniGetir();

}

Kodumuzu inceleyelim:

1. SayfaNumasi : Kaçıncı sayfada olduğumuzu tutan özelliğimiz

2. SayfaAdedi : Toplamda kaç sayfamız olduğunu tutan özelliğimiz

3. SayfadakiVeri : PagedDataSource türündeki özelliğimiz, verilerimizi sayfalamamızı ve “şu sayfadaki veriyi ver” işlemini sağlamaktadır. Page_Load methodunda bu özelliğe hangi sayfanın verisinin gösterileceği değeri atanmıştır:

- Veri kaynağı (DataSource) = urunler,
- Sayfalama yapılacak mı (AllowPaging) = true,
- Sayfadaki eleamn sayısı (PageSize) = 2,
- Şu anda bulunulan sayfa numarası (CurrentPageIndex) = SayfaNumarasi

4. urunler : Ekranda göstereceğimiz ürünlerimiz.

5. Page_Load methodunda Repeater1’in DataSource’u (veri kaynağı) = SayfadakiVeri olarak gösterilmiştir. Bunun nedeni, tüm verimizi değil, sayfada alacağımız (bulunulan sayfanın) veri gösterilecektir.

6. Label’a sayfa ve kayıt sayısını yazdırıyoruz. Burada,
- CurrentPageIndex ile hangi sayfada olduğumuzu,
- DataSourceCount ile toplam kaç kaydımızın olduğunu,
- PageCount ile toplam sayfa sayımızı

alıyoruz.

7. btIleri’nin Enable özelliğini, şu an son sayfada isek false, değilsek true olacak şekilde ayarlıyoruz.

8. btGeri’nin Enable özelliğini, şu an ilk sayfada isek false, değilsek true olacak şekilde ayarlıyoruz.

9. btIleri_Click() eventında, sayfa numaramızı 1 artırıp SayfaKaydiniGetir() methodu ile SayfadakiVeri değerimizi yeniden dolduruyoruz.

10. btIGeri_Click() eventında, sayfa numaramızı 1 azaltıp SayfaKaydiniGetir() methodu ile SayfadakiVeri değerimizi yeniden dolduruyoruz.

Projemizi çalıştıralım.

İleri butonuna basalım.

Tekrar ileri butonuna basalım.

Veysel Uğur KIZMAZ

Bilgisayar Mühendisi
veysel@ugurkizmaz.com
www.ugurkizmaz.com

asp.net » reperater » paging » sayfalama »