"Enter"a basıp içeriğe geçin

Asp.Net – DataList Sayfalama

default.aspx.cs

using System;
using System.Data;
using System.Data.SqlClient;

namespace Sayfalama
{
    public partial class _default : System.Web.UI.Page
    {
        protected void Page_Load(object sender, EventArgs e)
        {        

           SqlConnection baglanti = new SqlConnection("Data Source=localhost;Initial Catalog=omu;Integrated Security=True");
           SqlCommand komut = new SqlCommand("select * from omu_mesaj ",baglanti);
            SqlDataAdapter da = new SqlDataAdapter(komut);
            DataTable dt = new DataTable();
            da.Fill(dt);
            CollectionPager1.DataSource = dt.DefaultView;
            CollectionPager1.BindToControl = DataList1;
            DataList1.DataSource = CollectionPager1.DataSourcePaged;
            DataList1.DataBind();

        }
    }
}

Konu uzun olduğu için konuya giriniz

default.aspx

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="default.aspx.cs" Inherits="Sayfalama._default" %>

<%@ Register Assembly="CollectionPager" Namespace="SiteUtils" TagPrefix="cc1" %>
<link href="style.css" rel="stylesheet" type="text/css" />
<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>Akif Yanbak - Asp.Net DataList Sayfalama</title>
</head>
<body>
    <form id="form1" runat="server">
        <div>

            <asp:DataList ID="DataList1" runat="server" BackColor="White" BorderColor="#CCCCCC" BorderStyle="None" BorderWidth="1px" CellPadding="3" GridLines="Both" Height="127px" Width="525px">
                <FooterStyle BackColor="White" ForeColor="#000066" />
                <HeaderStyle BackColor="#006699" Font-Bold="True" ForeColor="White" />
                <ItemStyle ForeColor="#000066" />
                <ItemTemplate>
                    <asp:Label ID="Label1" runat="server" Text='<%# Eval("yazi") %>'></asp:Label>
                </ItemTemplate>
                <SelectedItemStyle BackColor="#669999" Font-Bold="True" ForeColor="White" />
            </asp:DataList>

        </div>
        <cc1:CollectionPager ID="CollectionPager1" runat="server" ControlCssClass="Sayfalama" MaxPages="5" PageSize="5" SectionPadding="5" SliderSize="5">
        </cc1:CollectionPager>
    </form>
</body>
</html>

Style.css

.Sayfalama a:link, .Sayfalama a:visited, .Sayfalama a:active
{
	background-image:url('resim/sayfabg.jpg');
	border:solid 1px #e4e4e4;
	padding:3px 5px 3px 5px;
	margin:1px;	
	font-size:9pt;
	color:#2f2f2f;
	font-weight:bold;
	text-decoration:none;
	font-family:Trebuchet MS;
	cursor:pointer;
}

.Sayfalama a:hover
{
	background-image:url('resim/sayfabg2.jpg');
	border:solid 1px #e4e4e4;
	padding:3px 5px 3px 5px;
	font-size:9pt;
	color:White;
	font-family:Trebuchet MS;
	cursor:pointer;
}

.Sayfalama INPUT
{	background-image:url('resim/sayfabg.jpg');
	border:solid 1px #e4e4e4;
	padding:3px 5px 3px 5px;
	margin:1px;	
	font-size:9pt;
	color:#2f2f2f;
	font-weight:bold;
	font-family:Trebuchet MS;
	cursor:pointer;
}

.Sayfalama span
{
	margin:1px;
}

.Sayfalama B
{
	background-image:url('resim/sayfabg2.jpg');
	border:solid 1px #e4e4e4;
	padding:3px 5px 3px 5px;
	font-size:9pt;
	color:White;
	font-family:Trebuchet MS;
	cursor:pointer;
}

Toolboxta herhangi birine sağ tıklayıp “Choose Items…” seçin.
Asp.Net - DataList Sayfalama-1
Browse’a tıkladıktan sonra “CollectionPager.dll”i seçelim.
Asp.Net - DataList Sayfalama-2
“CollectionPager” tiklenmiş olmasına dikkat edin.
Asp.Net - DataList Sayfalama-3
“References”e “Add Reference…”a tıklayın.
Asp.Net - DataList Sayfalama-4
“Browse”a tıkladıktan sonra “CollectionPager”ı tekrar seçin.
Asp.Net - DataList Sayfalama-5
“CollectionPager.dll” seçildiğine dikkat edin.
Asp.Net - DataList Sayfalama-6
default.aspx sayfasına “DataList” ve “CollectionPager”ı sürükleyip bırakalım.
Asp.Net - DataList Sayfalama-7
default.aspx.cs’de verdiğimiz kodlarıda ekledikten sonra projeyi çalıştırırsak. sonuc…
Asp.Net - DataList Sayfalama-8

Çalışma dosyasını burdan indirebilirsiniz:

http://www.akifyanbak.com/wp-content/uploads/2012/12/Sayfalama.rar

Tek Yorum

  1. Spy Spy

    Hocam Ellerine sağlık Gonlune sağlık…

Bir Cevap Yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir