C# - How To Vary ItemTemplate Inside An Asp:Repeater
Apr 4, 2011
I have a user control which is used to display search results. The HTML for each result displayed will vary based on the type of result being displayed: "contacts" are displayed in one way, "news articles" are displayed in another, etc. There are around 10 different types of results that are all marked up differently when they get to HTML — so I need around 10 or so different templates for individual results that I can choose between based on the current item being displayed.
I'm using an asp:Repeater to display the results, but I don't know how to select the appropriate template within the asp:Repeater <ItemTemplate>. Ideally I'd like the ASP to select the appropriate template to use based upon the object type being passed in via the searchResultsRepeater.DataSource — but unfortunately I can't use switch on type (see this blog entry for C# switch on type). I can however just pass through an enum value for the type of result being displayed.
In the backend C# code I have an abstract inline SearchResult class, and children of that class like ContactSearchResult, NewsArticleSearchResult, etc. The searchResultsRepeater.DataSource would then be bound to a List<SearchResult>. Each SearchResult contains a ResultListingType type field which gives the type of the listing to be displayed.
Attempt 1: using control flow inside the ASP itself
My first attempt was something like this:
<asp:Repeater ID="searchResultsRepeater" runat="server">
<ItemTemplate>
<div class="item">
<% switch (DataBinder.Eval(Container.DataItem, "type")) { %>
<% case ResultListingType.CONTACT: %>
<p><%# DataBinder.Eval(Container.DataItem, "firstName") %></p>
<p><%# DataBinder.Eval(Container.DataItem, "lastName") %></p>
<% break; %>
<% case ResultListingType.NEWS: %>
<p><%# DataBinder.Eval(Container.DataItem, "newsHeadline") %></p>
<p><%# DataBinder.Eval(Container.DataItem, "newsDate") %></p>
<% break; %>
<% Case AnotherTypeOfListing1: %>
<% Case AnotherTypeOfListing2: %>
<% Case AnotherTypeOfListing3: %>
<% Case AnotherTypeOfListing4: %>
<% Case AnotherTypeOfListing5: %>
<% etc... %>
<% } %>
</div>
</ItemTemplate>
</asp:Repeater>
Unfortunately, this doesn't work:
"switch" and "if" both give "invalid expression term" inside the <%# ... %> brackets.
"Container.DataItem" gives "the name "Container" does not exist in the current context" inside <% ... %> brackets.
Attempt 2: setting asp:PlaceHolder's to Visible = False
I found something that looked useful at how to change the ItemTemplate used in an asp:repeater?. I then tried something like:
<asp:Repeater ID="searchResultsRepeater" runat="server">
<ItemTemplate>
<div class="item">
<asp:PlaceHolder ID="newsResultListing" runat="server">
<p><%# DataBinder.Eval(Container.DataItem, "newsHeadline") %></p>
<p><%# DataBinder.Eval(Container.DataItem, "newsDate") %></p>
</asp:PlaceHolder>
<asp:PlaceHolder ID="contactResultListing" runat="server">
<p><%# DataBinder.Eval(Container.DataItem, "firstName") %></p>
<p><%# DataBinder.Eval(Container.DataItem, "lastName") %></p>
</asp:PlaceHolder>
</div>
</ItemTemplate>
</asp:Repeater>
In my ItemDataBound event I did:
Control newsResultListing = e.Item.FindControl("newsResultListing");
newsResultListing.Visible = false;
Control contactResultListing = e.Item.FindControl("contactResultListing");
contactResultListing.Visible = false;
switch (item.type)
{
case ResultListingType.CONTACT:
contactResultListing.Visible = true;
break;
case ResultListingType.NEWS:
newsResultListing.Visible = true;
break;
default:
throw new Exception("Unknown result listing type");
}
Unfortunately this doesn't work because ASP seems to still be running the contents of the PlaceHolder even after I set Visible = false. I get the error "DataBinding: 'usercontrols_ResultsListing+ContactResultsListing' does not contain a property with the name 'newsHeadline'" — i.e. the newsResultListing PlaceHolder is still looking for the "newsHeadline" field, even though that field doesn't exist for the result listing type being displayed.
In fact I've tried a quick test throw new Exception("e"); in my ItemDataBound, and it looks like the "DataBinding" error is thrown even before control flow gets to the ItemDataBound method, so there's really nothing I can do in there to avoid this error.
I suppose I could add every single field to the parent class and leave most of them null in my children, but that seems really ugly.
Is there a way to make this work, or an easier way to vary my ItemTemplate based upon the type of Container.DataItem I'm currently iterating over? I'm very new to ASP so there's likely something simple that I've missed.
View 2 Replies
Similar Messages:
Apr 1, 2010
Inside repeater's itemtemplate I have a Panel server control.I need to assign special Id for it, because I need to work with some javascript functions that use this Id.
In repeater ItemDataBound event I have this:
pnlButtonsPanel.ID = pnlButtonsPanel.ID + DataBinder.Eval(e.Item.DataItem, "ID");
But this solution is not good because after a postback the page is re -rendered and I lose the new ID. (And I don't want to rebind repeater after every postback)
I tried to set the ID on aspx page like that:
<asp:Panel id='<%# Eval("ID") %>'
and some other variations but always get compile errors.
View 1 Replies
Nov 13, 2010
I am new to Repeater and DataBinding
In PageLoad, I have
var photos = from p in MyDataContext.Photos
select new {
p,
Url = p.GetImageUrl()
};
repeater1.DataSource = photos;
repeater1.DataBind();
In the Repeater control, I have
<ItemTemplate>
<% Photo p = (Photo) Eval("p"); %> <!-- Apparently I can't do this -->
...
<asp:TextBox runat="server" ID="txtTime" Text='<%= p.Time == null ? "" : ((DateTime)p.Time).ToString("dd/MM/yyyy HH:mm:ss") %>' />
...
</ItemTemplate>
But that is wrong.
What I need is to get the Photo object in ItemTemplate so I can do things with it (eg. to display the time as in the second line in ItemTemplate above). Is it even possible to do this in a Repeater?
View 2 Replies
Jun 20, 2010
I am having big trouble with this issue, getting a message from IE that a script is being running for a long time and asking me to stop it myself.
The HTMLEditor seems to be uncomptible with this one.
I am also getting a very weak performance when adding this Ajax control.
I think this control is very heavy, but I'm not sure. If I am not wrong, this post I'm writing is inside the same control and I can see it takes time to load it in my page.
View 1 Replies
Jul 23, 2012
I have repeter where i display news headline and news. Five news bind each time. now i want to show facebook send button below with with each news.
View 1 Replies
Jan 17, 2011
I have something like this:
[Code]....
[Code]....
This does NOT work. What's wrong here?How do I accomplish my goal? I MUST use the Button1_Click event for this one.
View 13 Replies
May 7, 2015
I have gridview in my page that users can edit their data in gridview... and in this gridview I define label that I want when users click on Edit button it change label3.text:
below is code:
<asp:GridView ID="GridView1" runat="server" CssClass="DGridView1"
        AutoGenerateColumns = "false" Font-Names = "Tahoma"
        Font-Size = "9pt"
        HeaderStyle-BackColor = "#e0e0e0"
        OnPageIndexChanging = "OnPaging" onrowediting="EditCustomer"
        onrowupdating="UpdateCustomer" onrowcancelingedit="CancelEdit"
         GridLines = "Both" OnRowDataBound = "OnRowDataBound"
>
And .cs:
protected void EditCustomer(object sender, GridViewEditEventArgs e) {
Label Label3 = (Label)GridView1.Rows[e.NewEditIndex].FindControl("Label3");
Label3.Text = "neda";
GridView1.EditIndex = e.NewEditIndex;
BindData();
BindData1();
}
but here when I click on EditCustomer it doen't change label3.textÂ
View 1 Replies
Mar 11, 2010
I'm currently using a certain ItemTemplate for three repeaters that are all on the same page, but they are all bound to different data sources. Is there any way to refactor my web form without using a user control to easily refer to this template so I will only have to define it once?
View 2 Replies
Jul 22, 2010
isn't present databound event on asp repeater server control?I just want to bind all my data, and at the end creates a new ItemTemplate and add it, but just when is all data binded
View 1 Replies
Jun 22, 2010
I have tried many different combinations to try to get this to work, but I cannot. In the ItemTemplate of a Repeater control, I have a <form> tag. For this third party button to work, each button needs to be surrounded by <form></form> tags. I cannot get the first iteration of the repeater to display the tag, but 2, 3 and beyond, it will. It doesn't make sense to me. Because of this, IE is displaying the page in a funky way.
To see the generated code on the page, http://AdvancedSurveillancePro.com/services.aspx
Here is my repeater code:
[Code]....
View 3 Replies
Jan 19, 2011
can anyone tell how to use slideToggle function on LinkButton that is placed in ItemTemplate of a Repeater control. Upon clicking the LinkButton a Panel below that link will apear that contains other controls. But how can i write dynamic jQuery Script for each LinkButton ?
View 6 Replies
Feb 3, 2014
I am using a repeater control and i want to use one more repeater control inside the existing repeater control .Â
Like this:
<asp:Repeater ID="Repeater1" runat="server">Â Â Â <HeaderTemplate>Â </HeaderTemplate>Â Â Â Â Â Â
<ItemTemplate>
<!-- start child repeater -->    Here I want to use one repater control     <!-- end child repeater -->
</ItemTemplate>
</asp:Repeater>
View 1 Replies
Feb 22, 2011
I have the following problem and I hope some of you could help me because I'm sick and tired of trying to get this fixed.
I have an asp:repeater which has the following <ItemTemplate>
[Code]....
[Code]....
[Code]....
[Code]....
[Code]....
but it really looks like this.
View 1 Replies
Nov 26, 2010
My repeater:
<asp:Repeater ID="rptrContacts" runat="server" OnItemCommand="rptrContact_ItemCommand" >
<div ID="itemTemplate>
<ItemTemplate>
<%# Eval("Name") %>
<%# Eval("Email") %>
<asp:LinkButton ID="lbtnEditContact" runat="server" CommandName="Edit" Text="Edit" CommandArgument='<%# Eval("ContactID") %>' />
<asp:Label ID="lblUpdateConfirm" runat="server" Text="Update Confirmed" Visible="false" />
</ItemTemplate>
</div>
<div ID="editTemplate runat="server" visibility="false">
Update your Info:<br>
Name: <asp:TextBox ID="txtName" runat="server Text="<%# Eval("Name") %>"/> <br>
Email: <asp:TextBox ID="txtEmail" runat="server Text="<%# Eval("Email") %>"/><br>
<asp:LinkButton ID="lbtnUpdateContact" CommandArgument='<%# Eval("ContactID") %>' CommandName="UpdateContact" runat="server" >Update</asp:LinkButton>
</div>
</asp:Repeater
and code for ItemCommand:
switch(e.CommandName)
{
case "Edit":
//make editTemplate div visible
HtmlGenericControl divEditContact = (HtmlGenericControl)e.Item.FindControl ("divEditContact");
divEditContact.Visible = true;
break;
case "Update":
Employee updateEmployee = new Employee
{
employeeName = txtName.Text:
employeeEmail = txtEmail.Text:
}
updateEmployee = API.UpdateEmployee(updateEmployee);
//display lblUpdateConfirm visible to True
// so user sees this confirm messge in the newly updated ItemTemplate
}
How can I access my lblUpdateConfirm and turn its Text state to visible from inside the ItemCommand, so that when the user sees the newly updated ITemTemplate, the label is showing the "Update Confirmed" message?
View 1 Replies
Jan 31, 2010
got an example of a repeater inside a repeater (dataBound) code behind?
View 3 Replies
Jan 18, 2010
I have a user control that displays a shopping cart in an ecommerce application.
The main cart display is a repeater that renders as a html table. In one of those table columns, there is another repeater to display people associated with the products int he cart (it's a repeater in case there is a line item >1 with multiple people).
I've added an ImageButton that I want to use to change the person associated with the item. At first, when I'd click on it I was getting this error:
Invalid postback or callback argument. Event validation is enabled using <pages enableEventValidation="true"/> in configuration or <%@ Page EnableEventValidation="true" %> in a page. For security purposes, this feature verifies that arguments to postback or callback events originate from the server control that originally rendered them. If the data is valid and expected, use the ClientScriptManager.RegisterForEventValidation method in order to register the postback or callback data for validation.
So as an experiment I disabled EventValidation on the page (not the control it's self) and now I do not get an error, but I also do not ever hit the breakpoint I set in the innermost repeater's ItemCommand event.
So I wonder how I might do this without disabling EventValidation, because this control will show up on multiple pages and we don't want to edit them all. Also, I'll need to know not only the repeater containing the control's row that the event came from but also the row index of the repeater containg this one. Is this possible?
View 3 Replies
Jul 12, 2010
I have repeater in which I have 2 hyperlink in the footer of the repeater and I want that the hyperlink can navigate from the page_load
View 2 Replies
Apr 16, 2010
In my application I have successfully pulled some rows from a database into a DataSet and then used an ASP.NET Repeater Control to create a div container for each row with each field contained within a span element as follows:
<asp:Repeater
id="repeater"
runat="server">
<ItemTemplate>
<div
id="ticketContainer">
<a
href="#"><img
src="~/Images/treeview_expand.png"
alt=""
runat="server"
/></a>
<span><%#DataBinder.Eval(Container.DataItem,
"USERNAME")%></span>
<span><%#DataBinder.Eval(Container.DataItem,
"COMPUTERNAME")%></span>
<span><%#DataBinder.Eval(Container.DataItem,
"CATEGORY")%></span>
<span><%#DataBinder.Eval(Container.DataItem,
"DATE")%></span>
<span><%#DataBinder.Eval(Container.DataItem,
"TIME")%></span>
<span><%#DataBinder.Eval(Container.DataItem,
"STATUS")%></span>
<p><%#DataBinder.Eval(Container.DataItem,
"DESCRIPTION")%></p>
</div>
</ItemTemplate>
</asp:Repeater>
My problem is that I want the .png graphic link to have a onclick event so that a new div is dynamically inserted under the div to show data from a seperate database table. However since its all declared within the ItemTemplate then targeting the correct div using the JS DOM would be difficult/impossible as the id for each of the divs will be the same.
If this is going to be infeasible then what is the possibility of having data brought in from multiple tables would I have to manipulate the DataSet to include the extra columns as I think Repeater Controls can only have a single DataSet (corret me if i'm wrong).
View 3 Replies
Feb 7, 2010
I have the following code in an aspx form for an asp:Repeater
<ItemTemplate>
<tr class='<%#Container.ItemIndex % 2 == 0 ? "normalRow" : "alternateRow" %>' >
<tr>
<td>
<asp:LinkButton ID="LinkButton1" runat="server">blabla
<%#DataBinder.Eval(Container.DataItem, "ListName")%>
</asp:LinkButton>
</td>
</tr>
</ItemTemplate>
Which produces a syntax error (and a sqiggle blue underline) on
<%#Databinder.Eval(Container.DataItem, "ListName")%>
the build tells me I have an invalid character in the position before the opening <%
above
This only happens after I add the conditional class for the <tr> tag
"<tr class='<%#Container.ItemIndex..."
before I add the above line (to replace the <AlternatingItemTemplate>) everythings ok.
View 4 Replies
Feb 6, 2011
I am using Nested Repeater repeater1 and repeater2 in my project . one button is there inside repeater2 but i cant use that button using e.commandname
so how to use that button and how to write code on it.
View 3 Replies
Nov 12, 2010
what changed do I need to make to my code for it to achieve what I'm after.
At the moment I am getting a "cannot cast to type" error message with the below code.
I have also tried calling the ItemDataBound method in with the parent repeater tags and had no errors but when I clicked on the button it would just move back to the top of the page and would not hide or show any data. Also I have made the div style to none but the first record still shows its child but the rest don't.
[code].....
View 1 Replies
Feb 4, 2010
how to set the label in repeater itemtemplate to fixed length and allow multiple line
View 3 Replies
Nov 2, 2010
I have a Repeater displaying some data that doesn't do what I'd like to see. If a certain condition is met (ex: parent.NumOfChildren > 0) I would like a hyperlink shown. Here is what I have so far:
<asp:Repeater ID="parents" runat="server" >
<ItemTemplate>
<asp:HyperLink NavigateUrl='<%# "Children.aspx?parent=" + DataBinder.Eval(Container.DataItem,"Parent_ID")%>'
Text='View Children' runat="server" target="_self" ID="Hyperlink2" NAME="Hyperlink2"/> -
</ItemTemplate>
</asp:Repeater>
In this case, the "View Children" link shows up for every item in my Repeater, but I'd like it shown only if parent.GetNumOfChildren() > 0. Would it be correct to try setting the Visible="true/false" property of the HyperLink? Is that the norm for this sort of problem? Or, is there a way to wrap the entire <asp:Hyperlink> ... </asp:Hyperlink> tag in an if statement that has a reference to the object that is currently being interated in the Repeater? Ie:
if(CurrentDataItemInIteration.GetNumOfChildren() > 0)
{
<asp:Hyperlink> ..... </asp:Hyperlink>
}
To me, the Visible="true/false" solution seems cleaner, if possible.
View 5 Replies
Dec 12, 2010
using a repeater to display multiple 'comments' related to a parent database entity (a 'task' in my case). When the user creates these comments they can optionally attach a file. Now, I'm working on the page that lists these comments and I'm not sure how to go about displaying the link to the attached file, if one is present. There may not be a file. The database record that contains the comment will also contain the url to the file if one was attached.
what are my options for this? I would like to just display a link to the file after the comment content, only if a file is available.
View 11 Replies
Mar 27, 2010
I have a repeater bound to a datasource that servers as a list of birds. When the user clicks an item in the list the bird's image is displayed on the page. I want to change the background color of the item that is currently selected in the OnClick handler for the main item in my repeater's ItemTemplate.
I have changed the styling of controls prgrammatically before and it worked fine but in those cases i used the ID of the control to directly access it in my code behind file. But since this is some arbitrary item in a repeater I don't know it's ID at runtime, all I have is the sender object passed to the control's OnClick handler. So in my code behind file, I tried casting the sender object passed to the OnClick handler to the appropriate type and used Style.Add("background-color", highlitColor) but it failed to change anything.
I had a thought - maybe this sender object gets passed by value so all I did was change the Style of a COPY of the control item.
If this is indeed my problem, how do I start with a casted sender object in an event handler and get a reference to the actual control in order to change it's Style?
View 13 Replies