Sitecore: itemlist with ObjectDataSource, Listview and DataPager

by Pieter Brinkman 8. April 2009 05:22

For a new project I started working with Sitecore again.

I needed to create a listing of items with paging. I implemented a Listview with a ObjectDataSource and the DataPager control.

 

<asp:ListView ID="lvListing" runat="server" DataSourceID="odsListing" onitemdatabound="lvListing_ItemDataBound">
    <ItemTemplate>
         <li class="clearfix">
            <a class="thumb" ID="thumnailLink" runat="server" > 
                <sc:Image Field="Thumbnail" ID="thumbnailImage" MaxWidth="120" runat="server" />
            </a>
            <h2><asp:HyperLink runat="server" ID="hlTitle" /></a></h2>
            <span class="date"> <sc:Date ID="listingDate" runat="server" Format="dd-MM-yyyy" /> <asp:Literal Visible="false" runat="server" ID="litDateField" /></span>
            <%# Eval("Fields[\"IntroText\"]") %>
            <asp:HyperLink runat="server" CssClass="url" ID="hlNavigationUrl" />
     </li>
    </ItemTemplate>
    <EmptyDataTemplate>
        Geen artikelen
    </EmptyDataTemplate>
    <LayoutTemplate>
        <ul ID="itemPlaceholderContainer" runat="server" style="">
            <li ID="itemPlaceholder" runat="server" />
        </ul>
    </LayoutTemplate>
    <ItemSeparatorTemplate>
        <br />
    </ItemSeparatorTemplate>
</asp:ListView>

<ul>
  <li class="paging">
        <asp:DataPager ID="DataPager1" PagedControlID="lvListing" runat="server" PageSize="10" >
         <Fields>
             <asp:nextpreviouspagerfield ButtonCssClass="paging-previous" PreviousPageText="Vorige" ButtonType="Link"  ShowPreviousPageButton="True" ShowNextPageButton="False"/>
                <asp:nextpreviouspagerfield ButtonCssClass="paging-next" NextPageText="Volgende" ButtonType="Link" ShowPreviousPageButton="False" ShowNextPageButton="True" />
             <asp:NumericPagerField ButtonType="Link" NextPageText="VOLGENDE" PreviousPageText="VORIGE" RenderNonBreakingSpacesBetweenControls="true" />
         </Fields>
        </asp:DataPager>
    </li>
</ul> 

<asp:ObjectDataSource ID="odsListing" runat="server" SelectMethod="GetItems"
        TypeName="MyNameSpace.MyUsercontrol"
        DataObjectTypeName="Sitecore.Collections.ChildList">
</asp:ObjectDataSource>

 

 


In the code behind I created the public method GetItems which returns a ChildListCollection.

namespace MyNameSpace
{
    public partial class MyUsercontrol: System.Web.UI.UserControl
    {
     
       public Sitecore.Collections.ChildList GetItems()
       {
          return Sitecore.Context.Item.GetChildren();
        }
     }


The PagedControlID property of the datapager control is set to the ID of the Listview.  

 

 

 

Tags: , , , ,

ASP.Net | Controls

Comments

7/8/2009 10:25:15 PM #

club penguin cheats

I think Format="MM-dd-yyyy" is better than Format="dd-MM-yyyy"..

club penguin cheats United States

7/9/2009 8:02:57 AM #

Pieter

The date format I use is the correct format for culture "nl-NL" (The Netherlands).

Pieter Netherlands

Powered by BlogEngine.NET 1.5.0.7
Theme by Mads Kristensen

About Me

My name is Pieter Brinkman I am Solution Architect for Sitecore in The Netherlands. My interests are mainly ASP.NET, MSSQL and Content Management Systems.

Calendar

<<  February 2012  >>
MoTuWeThFrSaSu
303112345
6789101112
13141516171819
20212223242526
2728291234
567891011

View posts in large calendar

RecentComments

Comment RSS

Most comments