EPiServer:PageList with ItemDataBound

In my last post I explained how you can extend your episerver:pagelist with your own templates (i.e. SelectedItemTemplate, AlternatingItemTemplate). In this post I will show you how to extend your PageList so you can use ItemDataBound. This is very useful if you want to use asp:controls in your templates and then populate them from code behind.

In this post I will start with the code from my last post and extend it further.

1. Creating PageListEventArgs
First of all we need to create our own EventArgs by extending EventArgs. In this case we need to access to the PageData that is bound to the Template, and we also need access to the Template which should be rendered. So this is the class we need:

public class PageListEventArgs : EventArgs
{
public PageData DataItem { get; set; }
public Control ControlItem { get; set; }
}

If you look at the RepeaterItemEventArgs, which is used by the asp:Repeater, you can get some ideas what else that can be useful in this EventArgs.

2. Creating PageListEventHandler
This is where we create our Eventhandler that will use the PageListEventArgs we just made. It’s just two lines of code:

[Serializable]
public delegate void PageListEventHandler (object sender, PageListEventArgs e);

3. Add PageListEvenHandler to the PageList
Ok, now that we have made an EventHandler we need to use it somehow. So, in the PageList we add the PageListEventHandler:

public event PageListEventHandler ItemDataBound;

By doing this, we can now add events to our PageList. We now need to make sure that the event is triggered when it should. So let’s jump into CreateChildControls, and find where the Item/SelectedItemTemplate is added. Right below the

ItemTemplate.InstantiateIn(control2);

we add

if (ItemDataBound != null)
{
PageListEventArgs args = new PageListEventArgs();
args.ControlItem = control2;
args.DataItem = pages[i];
ItemDataBound.Invoke(this, args);
}

When this is done, we have the option to add the ItemDataBound-event to our PageList!

This is how you do it:

<Antecknat:PageList ID="PageList1" PageLinkProperty="PageLink" OnItemDataBound="PageList1_ItemDataBound" runat="server">
<ItemTemplate>
<asp:Literal ID="Literal1" runat="server"></asp:Literal><br />
</ItemTemplate>
</Antecknat:PageList>

or from code behind:

PageList1.ItemDataBound += new Antecknat.Web.WebControls.PageListEventHandler(PageList1_ItemDataBound);

And to modify the controls in the current template:

protected void PageList1_ItemDataBound(object sender, <span>Antecknat.Web.WebControls</span>.PageListEventArgs e)
{

Literal l = e.Item.FindControl("Literal1") as Literal;
if(l!=null)
l.Text = e.DataItem.PageName;
}

1,935 thoughts on “EPiServer:PageList with ItemDataBound

  1. Anders Hattestad

    Good post. Have done some thing simular with pagelist, but not as an event. Yourapproces is a lot better.

    I think the PageList control should have inherit from Repeater instead of makeing there own, but that is maybe only me. 🙂

  2. Erik Nordin Post author

    Thank you Anders!

    I do think that they should’ve inherited from the Repeater-control, but EPiServer probably have some good(?) reason why they didn’t.

  3. Pingback: EPiServer Developer Resources | Frederik Vig - ASP.NET developer

Comments are closed.