WebForms: handling an empty data source in a Repeater control

I have a Repeater generating an unordered list:

<ul>
<li>item 1</li>
<li>item 2</li>
...
</ul>

The problem occurs when the data source has no items. Most of the articles I found add a Label control to the Repeater's FooterTemplate, but I can't do that here (I need a li tag). Here are two methods I have confirmed to be working:

Method 1: using the OnItemDataBound event

Use the following HTML:

<asp:Repeater runat="server" ID="Repeater1" OnItemDataBound="Repeater1_ItemDataBound">
  <HeaderTemplate>
    <ul>
  </HeaderTemplate>
  <ItemTemplate>
    <li>
      <asp:Label runat="server">
        <%# DataBinder.Eval(Container.DataItem, "Name") %>
      </asp:Label>
    </li>
  </ItemTemplate>
  <FooterTemplate>
    <li runat="server" id="noData" Visible="False">[None found.]</li>
    </ul>
  </FooterTemplate>
</asp:Repeater>

The OnItemDataBound handler looks like this:

protected void Repeater1_ItemDataBound(object sender, RepeaterItemEventArgs e)
{
  var repeater = e.Item.Parent as Repeater;
  if (repeater.Items.Count > 0)
    return;

  var noData = e.Item.FindControl("noData");
  if (noData != null)
    noData.Visible = true;
}

Since the noData control only appears in the footer I didn't need to check the Item.ItemType property.

Method 2: evaluate the Visible property at run-time

Replace the HTML with:

<asp:Repeater runat="server" ID="Repeater1">
  <HeaderTemplate>
    <ul>
  </HeaderTemplate>
  <ItemTemplate>
    <li>
      <asp:Label runat="server">
        <%# DataBinder.Eval(Container.DataItem, "Name") %>
      </asp:Label>
    </li>
  </ItemTemplate>
  <FooterTemplate>
    <li runat="server" Visible='<%# DataBinder.Eval(Container.Parent, "Items.Count").ToString() == "0" %>'>
      [None found.]
    </li>
    </ul>
  </FooterTemplate>
</asp:Repeater>

The ToString() call is needed because the Eval method returns an object and I had to convert it to something else. I could have converted it to an int, but that would have required a ToString() call anyway.

So, here you have it: two methods of simulating an EmptyTemplate construct in a Repeater control.

Comments

Anonymous said…
Thanks -- this helped me out! Wish I wasn't doing Web Forms in 2015, but hey -- never know what you're going to land into haha.
12:28 AM
Post a Comment

Popular posts from this blog

Posting dynamic Master / Detail forms with Knockout

Image
I have the following dynamic form in my GitHub Inventory project : I created the form with KnockoutJS , using some ideas from this article . The detail view looks like this: <table id="acquisition_items" class="jtable"> <thead> <tr> <th>Product Name</th> <th>Quantity</th> <th>Price</th> <th>Value</th> <th><button data-bind="click: addItem">[+]</button></th> </tr> </thead> <tbody data-bind="foreach: items"> <tr> <td> <input data-bind="value: ProductName" type="text" value="" /> </td> <td> <input data-bind="value: Quantity" type="text" value="" /> </td> <td> ...
Read more

Comparing Excel files, take two

Image
I already wrote this project once, on GitHub , but I can't say that I like the result. I wrote that code without TDD, mostly to see if I can still work in the "normal" fashion. I can, but I had a bug that took me a while to even discover and then was difficult to write tests for. I also hate the temporal dependency in that design (if you don't call the SortBy method first, the ExcludeRecords method will return incorrect results). Anyway; here's attempt number two, writing that code using TDD. Structure I start by creating my usual structure for projects of this type - a library for the logic, a console application for the main program and a test project for tests. I also use the Enable NuGet Package Restore option (right-click on the solution node) to add the three NuGet files that will allow someone to automatically download all the packages I'm referencing without wasting space in the source code repository. (Right now I've only added the Moq pa...
Read more

POST-ing to an ASP.NET MVC form with an anti-forgery token

I've had some issues trying to write an acceptance test that was registering a new user by POST-ing the required information to a MVC site and I got back these messages: The required anti-forgery cookie "__RequestVerificationToken" is not present. The required anti-forgery form field "__RequestVerificationToken" is not present. Validation of the provided anti-forgery token failed. The cookie "_RequestVerificationToken" and the form field "_RequestVerificationToken" were swapped. Since it took me a bit of fiddling with the code before I managed to make it work, I thought I'd share the solution. The site is an ASP.NET MVC version 5 and I am trying to register a new user (POST-ing to the /Account/Register URL). The main issue you will encounter is having to extract two anti-forgery tokens, one from the cookies and one from the form, and then sending both of them in the appropriate places (cookies vs form field). I have used LinqPad 5 w...
Read more