Mehr Übersicht mit DataPager-Steuerelement

von Tony Patton am 23. Mai 2008 , 11:55 Uhr

Bei den zahlreichen Daten-Steuerelementen, die .NET mitbringt, sollte man das Standardverfahren zum Laden der Daten aus einer Back-End-Datenquelle beachten: Die Steuerelemente laden alle Daten aus der Datenquelle, bevor sie eine Untermenge davon auf der Seite anzeigen.

Beim seitenweisen Navigieren, ob mit oder ohne das DataPager-Steuerelement, ist daher für jede einzelne Seitenanzeige eine Serveranfrage erforderlich. Das kann zu Performance-Einbußen für den Benutzer führen. Bei umfangreichen Datensätzen wirkt sich das besonders störend aus. AJAX bietet eine Möglichkeit, diese Serveranfragen vor dem Benutzer zu verbergen.

Die folgende ASP.NET-Seite zeigt die ListView- und DataPager-Steuerelemente innerhalb einer AJAX-fähigen Seite. Durch das Abrufen der Daten im Hintergrund werden wiederholte Seitenabrufe vor dem Benutzer verborgen.

<%@ Page Language=“C#“ 
AutoEventWireup=“true“ 
CodeBehind=“AJAXTest.aspx.cs“ 
Inherits=“WebTest.AJAXTest“ %> 
<!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>Ajax Test</title> 
</head> 
<body> 
<form id=“frmAjaxTest“ runat=“server“> 
<asp:ScriptManager ID=“ScriptManager1″ 
runat=“server“></asp:ScriptManager> 
<asp:UpdatePanel ID=“UpdatePanel1″ 
runat=“server“> 
<ContentTemplate> 
<asp:ListView ID=“ListView1″ runat=“server“ 
DataSourceID=“XmlDataSource1″> 
<AlternatingItemTemplate> 
<li style=““> 
url: <asp:Literal ID=“litURL“ runat=“server“ 
Text='<%# Eval(„url“) %>‘ /> 
 
title: <asp:Literal ID=“litTitle“ 
runat=“server“ Text='<%# Eval(„title“) %>‘ 
/> 
 
</li> 
</AlternatingItemTemplate> 
<LayoutTemplate> 
<ul> 
<div id=“itemPlaceHolder“ runat=“server“ /> 
</ul> 
</LayoutTemplate> 
<ItemTemplate> 
<li style=““> 
url: <asp:Literal ID=“litURL“ runat=“server“ 
Text='<%# Eval(„url“) %>‘ /> 
 
title: <asp:Literal ID=“litTitle“ 
runat=“server“ Text='<%# Eval(„title“) %>‘ 
/> 
</li> 
</ItemTemplate> 
<ItemSeparatorTemplate> 
<hr> 
</ItemSeparatorTemplate> 
</asp:ListView> 
<asp:DataPager ID=“DataPager1″ runat=“server“ 
PagedControlID=“ListView1″ PageSize=“2″> 
<Fields> 
<asp:TemplatePagerField> 
<PagerTemplate> 
Page 
<asp:Label runat=“server“ ID=“CurrentPageLabel“ 
Text=“<%# Container.TotalRowCount>0 ? 
(Container.StartRowIndex / Container.PageSize) + 
1 : 0 %>“ /> of 
<asp:Label runat=“server“ ID=“TotalPagesLabel“ 
Text=“<%# Math.Ceiling 
((double)Container.TotalRowCount / 
Container.PageSize) %>“ /> 
( <asp:Label runat=“server“ 
ID=“TotalItemsLabel“ Text=“<%# 
Container.TotalRowCount%>“ /> 
records) 
</PagerTemplate> 
</asp:TemplatePagerField> 
<asp:NextPreviousPagerField ButtonType=“Button“ 
ShowFirstPageButton=“true“ 
ShowNextPageButton=“false 
ShowPreviousPageButton=“false“ /> 
<asp:NumericPagerField PreviousPageText=“ 
< Prev 2″NextPageText=“Next 2 >“ 
ButtonCount=“2″ /> 
<asp:NextPreviousPagerField 
ButtonType=“Button“ ShowLastPageButton=“true“ 
ShowNextPageButton=“false“ 
ShowPreviousPageButton=“false“ /> 
</Fields> 
</asp:DataPager> 
 
<asp:XmlDataSource ID=“XmlDataSource1″ 
runat=“server“ DataFile=“~/sites.xml“> 
</asp:XmlDataSource> 
</ContentTemplate> 
</asp:UpdatePanel> 
</form></body></html>

Das mag zwar für kleinere Datensätze eine praktikable Lösung sein, verbessert jedoch nicht generell die Performance bei Datenabfragen. Deshalb soll hier demnächst eine andere Möglichkeit vorgestellt werden, wie man den Datenzugriff optimiert, so dass nur die erforderlichen Datensätze geladen werden.

Zusammenfassung

Mit der Einführung der ListView- und DataPager-Steuerelemente in .NET 3.5 hat Microsoft auf die Wünsche der Entwickler nach besseren Anzeigemöglichkeiten reagiert. Die Bereitstellung der Funktionen für eine seitenweise Anzeige mithilfe des DataPager-Steuerelements bietet Entwicklern mehr Optionen zum Erstellen von Oberflächen, mit denen die Benutzer durch die Daten navigieren können.

Welche Features von .NET 3.5 finden Sie am spannendsten? Halten Sie die Bereitstellung der Funktion zur seitenweisen Anzeige in einem eigenen Steuerelement für eine gute Idee? Teilen Sie Ihre Meinung im Forum mit!

Inhalt

Mehr Übersicht mit DataPager-Steuerelement

Neueste Kommentare

Noch keine Kommentare zu Mehr Übersicht mit DataPager-Steuerelement

Vielen Dank für Ihren Kommentar.
Ihr Kommentar wurde gespeichert und wartet auf Moderation.

Schreibe einen Kommentar Antworten abbrechen

Neueste Kommentare

Noch keine Kommentare zu Mehr Übersicht mit DataPager-Steuerelement

Vielen Dank für Ihren Kommentar.Ihr Kommentar wurde gespeichert und wartet auf Moderation.

Schreibe einen Kommentar Antworten abbrechen

Vielen Dank für Ihren Kommentar.
Ihr Kommentar wurde gespeichert und wartet auf Moderation.