How to integrate asp:Repeater with RadPanelBar

5 posts, 2 answers
  1. Benjamin
    Benjamin avatar
    51 posts
    Member since:
    Jul 2016

    Posted 04 Jul Link to this post

    Hi. I would like to know how do i integrate asp:Repeater with telerik:RadPanelBar. my final outcome would be each row in the repeater is able to show and hide as the content of the repeater might cause the whole page to be very long

    i receive the following error

    Telerik.Web.UI.RadPanelItemCollection must have items of type 'Telerik.Web.UI.RadPanelItem'. 'ItemTemplate' is of type 'System.Web.UI.HtmlControls.HtmlGenericControl'.

    my markup.

    01.<asp:UpdatePanel ID="UpdatePanel2" runat="server">
    02.    <ContentTemplate>
    03.
    04.         <asp:Repeater ID="Repeater2" runat="server">
    05.
    06.              <HeaderTemplate>
    07.                  <telerik:RadPanelBar RenderMode="Lightweight" runat="server" ID="RadPanelBar1" Width="750" Height="250"
    08.                                        Skin="Telerik" ExpandMode="FullExpandedItem">
    09.                                        <Items>
    10.               </HeaderTemplate>
    11.               <ItemTemplate>
    12.                  <telerik:RadPanelItem Expanded="true" CssClass="top-offers">
    13.                      <ContentTemplate>
    14.                           <tr>
    15.                              <td>
    16.                                <asp:Label runat="server" ID="lblEntry">Entry Type <%# Container.ItemIndex+1 %></asp:Label>
    17.                              </td>
    18.                           </tr>
    19.                           <tr>
    20.                             <td>Entry Qualification</td>
    21.                             <td>
    22.                               <telerik:RadEditor ID="txtQualification" runat="server" Content='<%# DataBinder.Eval(Container.DataItem, "qualification") %>' ToolsFile="/Users/benjamin/Desktop/editor/ToolsFile.xml" EditModes="Design">
    23.                                                        <DocumentManager ViewPaths="~/Documents" UploadPaths="~/Documents" />
    24.                                                    </telerik:RadEditor>
    25.                              </td>
    26.                           </tr>
    27.                           <tr>
    28.                              <td>Academic Requirement</td>
    29.                               <td>
    30.                                  <telerik:RadEditor ID="txtRequirement" runat="server" Content='<%# DataBinder.Eval(Container.DataItem, "requirement") %>' ToolsFile="/Users/benjamin/Desktop/editor/ToolsFile.xml" EditModes="Design">
    31.                                                        <DocumentManager ViewPaths="~/Documents" UploadPaths="~/Documents" />
    32.                                                    </telerik:RadEditor>
    33.                               </td>
    34.                             </tr>
    35.                            <tr>
    36.                              <td>Relavant Working Experience</td>
    37.                              <td>
    38.                                 <telerik:RadEditor ID="txtExperience" runat="server" Content='<%# DataBinder.Eval(Container.DataItem, "experience") %>' ToolsFile="/Users/benjamin/Desktop/editor/ToolsFile.xml" EditModes="Design">
    39.      <DocumentManager ViewPaths="~/Documents" UploadPaths="~/Documents" />
    40.                                                    </telerik:RadEditor>
    41.                              </td>
    42.                          </tr>
    43.                          <tr>
    44.                            <td>
    45.                              <asp:Button ID="btnRemoveCert" runat="server" Text="Remove Certificate"
    46.                                                        CommandName="remove" CommandArgument='<%# Container.ItemIndex %>' />
    47.                            </td>
    48.                          </tr>
    49.                          <tr>
    50.                             <td colspan="2"><hr /></td>
    51.                         </tr>
    52.                 </ContentTemplate>
    53.            </telerik:RadPanelItem>
    54.         </ItemTemplate>
    55.         <FooterTemplate>
    56.                  <tr>
    57.                    <td>
    58.                      <asp:Button ID="btnAddEntry" runat="server" Text="Add Entry" OnClick="btnAddEntry_Click" />
    59.                     </td>
    60.                  </tr>
    61.                  </Items>
    62.              </telerik:RadPanelBar>
    63.        </FooterTemplate>
    64.     </asp:Repeater>
    65.
    66.  </ContentTemplate>
    67.</asp:UpdatePanel>

  2. Benjamin
    Benjamin avatar
    51 posts
    Member since:
    Jul 2016

    Posted 04 Jul in reply to Benjamin Link to this post

    to add on to my post above. each item in the asp:Repeater consist of labels and RadEditors. 
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Answer
    Veselin Tsvetanov
    Admin
    Veselin Tsvetanov avatar
    278 posts

    Posted 07 Jul Link to this post

    Hello Benjamin,

    You won't be able to achieve the desired appearance in the way you are trying to do that because a server element (in this case a RadPanelBar) should be placed entirely within one template. In your implementation you open the RadPanelBar declaration within the HeaderTemplate, declare its items within the ItemTemplate and close the element within the FooterTemplate of the Repeater.

    What you could do instead is to leave out the Repeater and bind the RadPanelBar to a DataSource. It will automatically generate its items and the hierarchy. Note that the RadPanelBar does not have HeaderTemplate nor FooterTemplate, so you will have to add the content of those elements separately on the page.

    Regards,
    Veselin Tsvetanov
    Telerik by Progress
    Do you need help with upgrading your ASP.NET AJAX, WPF or WinForms projects? Check the Telerik API Analyzer and share your thoughts.
  5. Benjamin
    Benjamin avatar
    51 posts
    Member since:
    Jul 2016

    Posted 07 Jul in reply to Veselin Tsvetanov Link to this post

    Hi Veselin,

    Thanks for reply.

    i would like to check whether RadPanelBar is able to dynamically add/remove like asp:Repeater?

     

  6. Answer
    Veselin Tsvetanov
    Admin
    Veselin Tsvetanov avatar
    278 posts

    Posted 11 Jul Link to this post

    Hello Benjamin,

    You could easily add or remove items from the RadPanelBar by using its extensive server side API. You could consult the following demo for further information on how to implement that.

    Regards,
    Veselin Tsvetanov
    Telerik by Progress
    Do you need help with upgrading your ASP.NET AJAX, WPF or WinForms projects? Check the Telerik API Analyzer and share your thoughts.
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017