Mega Code Archive
Creating a Custom User Interface for Paging
<![CDATA[
<%@ Page Language="C#" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<script runat="server">
protected void pg_PagerCommand(object sender, DataPagerCommandEventArgs e)
{
e.NewMaximumRows = e.Item.Pager.MaximumRows;
switch (e.CommandName)
{
case "Previous":
if (e.Item.Pager.StartRowIndex > 0)
e.NewStartRowIndex = e.Item.Pager.StartRowIndex - 2;
break;
case "Next":
e.NewStartRowIndex = e.Item.Pager.StartRowIndex + 2;
break;
}
}
</script>
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
<title>DataPager Template</title>
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:ListView
ID="lstProducts"
DataSourceId="srcProducts"
runat="server">
<LayoutTemplate>
<ul>
<asp:Placeholder
id="itemPlaceholder"
runat="server" />
</ul>
<asp:DataPager
id="pg"
PageSize="2"
Runat="server">
<Fields>
<asp:TemplatePagerField
OnPagerCommand="pg_PagerCommand">
<PagerTemplate>
<asp:LinkButton
id="lnkPrevious"
Text="Previous"
CommandName="Previous"
Runat="server" />
<asp:LinkButton
id="lnkNext"
Text="Next"
CommandName="Next"
Runat="server" />
</PagerTemplate>
</asp:TemplatePagerField>
</Fields>
</asp:DataPager>
</LayoutTemplate>
<ItemTemplate>
<li>
<%# Eval("Title") %>
</li>
</ItemTemplate>
</asp:ListView>
<asp:SqlDataSource
id="srcProducts"
SelectCommand="SELECT Id, Title, Director FROM Product"
ConnectionString='<%$ ConnectionStrings:Products %>'
Runat="server" />
</div>
</form>
</body>
</html>
File: Web.config
<configuration>
<connectionStrings>
<add name="Products"
connectionString="Data Source=.\SQLEXPRESS;
AttachDbFilename=|DataDirectory|MyDatabase.mdf;Integrated Security=True;User Instance=True" />
</connectionStrings>
</configuration>
]]>