[Solved] Problem in Content of Panelbar Items.

[devika godse]

I am using panelbar for employee details. I have a list containing Employee data.

Code:-
<% Html.Telerik().PanelBar()
            .Name("PanelBar")
            .HtmlAttributes(new { style = "width: 800px; float: left; margin-bottom: 30px;" })
            .ExpandMode(PanelBarExpandMode.Single)
            .SelectedIndex(0)
            .Items(items =>       
            {
                 foreach (Employee i in EmployeeList)
                 {
                     items.Add().Text(i.Name).Content(() =>
                     {  
                          %>
                              <div>
                                     <strong><%= i.EmpCode%></strong><br/>
                                     <%= i.Designtn%>
                                      
                           </div>
                          <%
                     });
                 }
            }).Render(); %>

Problem is-

Panelbar items shows all the employee names bt content of each item is Details i.e. EmpCode and Designtn of Last employee.

How do I solve this???

[Chris]

I had the same problem as you.
The problem is that you're passing in a lambda expression as a parameter. The i variable is defined outside of the expression that's why you're seeing details of the last employee in each panel.

Try passing a string parameter instead, like so:

items.Add().Text(i.Name).Content(string.Format("<div><strong>{0}</strong></div><br/>{1}", Html.Encode(i.EmpCode), Html.Encode(i.Designtn)));

That solved the problem for me.
 

[Darrien]

Chris - Awesome solution. Very simple and effective. Thanks!