Asp.Net Repeater Kontrolü ile Sayfalama (Paging)

Asp.Net Repeater Kontrolü ile sayfalama (Paging) işleminin nasıl yapıldığını inceleyelim.

02.05.2012

4643

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; }
}

    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">
 
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
</head>
<body>
    <form id="form1" runat="server">
        <div style ="font-family:Trebuchet MS; font-size:10pt">
            <asp:Repeater ID="Repeater1" runat="server">
                <HeaderTemplate>
                    <div style="width:600px; height:20px; background-color:Yellow; color:Red; text-align:center; font-weight:bold">
                        Başlık
                    </div>
                </HeaderTemplate>
                <ItemTemplate>
                    <div style="width:600px; height:20px;">
                        <div style="width:150px; height:100%; float:left; font-weight:bold; background-color:Red; color:Yellow;">
                            <%#DataBinder.Eval(Container.DataItem,"UrunAd") %>
                        </div>
                        <div style="width:450px; height:100%; float:left; background-color:Red; color:Yellow;">
                            <b>:</b> <%#DataBinder.Eval(Container.DataItem,"UrunFiyat") %> TL
                        </div>
                    <//div>
                </ItemTemplate>
                <AlternatingItemTemplate>
                    <div style="width:600px; height:20px;">
                        <div style="width:150px; height:100%; float:left; font-weight:bold; background-color:Yellow; color:Red;">
                            <%#DataBinder.Eval(Container.DataItem,"UrunAd") %>
                        </div>
                        <div style="width:450px; height:100%; float:left; background-color:Yellow; color:Red;">
                            <b>:</b> <%#DataBinder.Eval(Container.DataItem,"UrunFiyat") %> TL
                        </div>
                    <//div>
                </AlternatingItemTemplate>
                <FooterTemplate>
                    <div style="width:600px; height:20px; background-color:Black; color:White; text-align:center; font-weight:bold">
                        Kayıt Sonu
                    </div>
                </FooterTemplate>
            </asp:Repeater>
            <div style="width:600px; height:20px;">
                <div style="width:50px; height:100%; float:left">
                    <asp:Button ID="btGeri" runat="server" Text="GERİ" Width="50px"
                        onclick="btGeri_Click" />
                </div>
                <div style="width:500px; height:100%; float:left; text-align:center">
                    <asp:Label ID="lbSayfaBilgi" runat="server" Text=" "></asp:Label>
                </div>
                <div style="width:50px; height:100%; float:left">
                    <asp:Button ID="btIleri" runat="server" Text="İLERİ" Width="50px"
                        onclick="btIleri_Click" />
                </div>
            </div>
        </div>
    </form>
</body>
</html>

<%@ 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">
 
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
</head>
<body>
    <form id="form1" runat="server">
        <div style ="font-family:Trebuchet MS; font-size:10pt">
            <asp:Repeater ID="Repeater1" runat="server">
                <HeaderTemplate>
                    <div style="width:600px; height:20px; background-color:Yellow; color:Red; text-align:center; font-weight:bold">
                        Başlık
                    </div>
                </HeaderTemplate>
                <ItemTemplate>
                    <div style="width:600px; height:20px;">
                        <div style="width:150px; height:100%; float:left; font-weight:bold; background-color:Red; color:Yellow;">
                            <%#DataBinder.Eval(Container.DataItem,"UrunAd") %>
                        </div>
                        <div style="width:450px; height:100%; float:left; background-color:Red; color:Yellow;">
                            <b>:</b> <%#DataBinder.Eval(Container.DataItem,"UrunFiyat") %> TL
                        </div>
                    <//div>
                </ItemTemplate>
                <AlternatingItemTemplate>
                    <div style="width:600px; height:20px;">
                        <div style="width:150px; height:100%; float:left; font-weight:bold; background-color:Yellow; color:Red;">
                            <%#DataBinder.Eval(Container.DataItem,"UrunAd") %>
                        </div>
                        <div style="width:450px; height:100%; float:left; background-color:Yellow; color:Red;">
                            <b>:</b> <%#DataBinder.Eval(Container.DataItem,"UrunFiyat") %> TL
                        </div>
                    <//div>
                </AlternatingItemTemplate>
                <FooterTemplate>
                    <div style="width:600px; height:20px; background-color:Black; color:White; text-align:center; font-weight:bold">
                        Kayıt Sonu
                    </div>
                </FooterTemplate>
            </asp:Repeater>
            <div style="width:600px; height:20px;">
                <div style="width:50px; height:100%; float:left">
                    <asp:Button ID="btGeri" runat="server" Text="GERİ" Width="50px"
                        onclick="btGeri_Click" />
                </div>
                <div style="width:500px; height:100%; float:left; text-align:center">
                    <asp:Label ID="lbSayfaBilgi" runat="server" Text=" "></asp:Label>
                </div>
                <div style="width:50px; height:100%; float:left">
                    <asp:Button ID="btIleri" runat="server" Text="İLERİ" Width="50px"
                        onclick="btIleri_Click" />
                </div>
            </div>
        </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();
        }
 
    }

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

Yazar Hakkında

Veysel Uğur KIZMAZ

www.ugurkizmaz.com

YazılımDilleri.Net projesinin lideri olan Veysel Uğur Kızmaz, Gazi Üniversitesi Bilgisayar Mühendisliği bölümü mezunudur. Bir çok projede çalışmış, yazılım alanında birçok eğitimler vermiştir. Şu an özel bir yazılım danışmanlık firmasında Sharepoint proje danışmanlığı ve proje yöneticiliği yapmaktadır. Veysel Uğur Kızmaz, dahil olduğu projelerin çeşitliliği sebebiyle farklı alanlarda uzmanlaşmıştır: .Net, Sharepoint, Java, Php, Javascript, SQL Server, Oracle, MySQL.

Yazar Hakkında

Sosyal Medya

0 Yorum

Yorum Yaz / Soru Sor

Son Yorumlar

En Güncel Sorular

En Son Cevap Verilen Sorular

Twitter

En Çok Okunanlar

Sponsorlar