Display Additional control under selected item, which includes r.a.d.TabStrip

6 posts, 0 answers
  1. Yavor Angelov
    Yavor Angelov avatar
    2 posts
    Member since:
    Jan 2006

    Posted 12 Sep 2006 Link to this post



    .NET version


    Visual Studio version


    programming language


    browser support

    all browsers supported by r.a.d.controls

    This project is an interesting integration between r.a.d.grid and r.a.d.TabStrip. When the user selects a row in r.a.d.grid, a multipage with two tabs is loaded below the selected row. The tabstrip is actually a user control.
    Almost all of the functionality is handled in the ItemCreated event handler of r.a.d.grid, as well as in the client-side JavaScript functions for RowSelected and RowDeselected.
  2. Matt
    Matt avatar
    10 posts
    Member since:
    Aug 2006

    Posted 13 Sep 2006 Link to this post


    The effect is exactly what we're looking for.  But I found out that each customer clicked is only listing the orders of the default parameter (of the label control).  In other words, the Customer "ALFKI" orders are showing for each row clicked.

    In the original example, the tabstrip was in a template column, and the label parameter worked fine.  But the label parameter doesn't seem to work in this one.  I tried to remedy this, but failed miserably thanks to my beginner skills.


  3. Matt
    Matt avatar
    10 posts
    Member since:
    Aug 2006

    Posted 22 Nov 2006 Link to this post

    Anyone interested in tackling this?  Basically you have to pass a paramter to the user control, and I haven't had any success in accomplishing this otherwise I'd have posted a fix by now.

    We've since upgraded to Q3 2006.

  4. Yavor
    Yavor avatar
    11 posts

    Posted 23 Nov 2006 Link to this post

    Hello Yavor,

    Basically, in order to achieve your task, you need to set properly the Label.
    For example, the code below:

    <asp:Label ID="Label1" Text="BERGS" Visible="true" runat="server"></asp:Label> 
    <radG:RadGrid ID="RadGrid1" AllowPaging="True" DataSourceID="AccessDataSource1" runat="server" HorizontalAlign="NotSet">  
        <MasterTableView AutoGenerateColumns="False" DataKeyNames="CustomerID" DataSourceID="AccessDataSource1">  
                <EditColumn CancelImageUrl="~/RadControls/Grid/Skins/Default/Cancel.gif" EditImageUrl="~/RadControls/Grid/Skins/Default/Edit.gif" 
                    InsertImageUrl="~/RadControls/Grid/Skins/Default/Insert.gif" UniqueName="EditCommandColumn" 
                <radG:GridBoundColumn DataField="CustomerID" HeaderText="CustomerID" ReadOnly="True" 
                    SortExpression="CustomerID" UniqueName="CustomerID">  
                <radG:GridBoundColumn DataField="CompanyName" HeaderText="CompanyName" SortExpression="CompanyName" 
                <radG:GridBoundColumn DataField="ContactName" HeaderText="ContactName" SortExpression="ContactName" 
                <radG:GridBoundColumn DataField="ContactTitle" HeaderText="ContactTitle" SortExpression="ContactTitle" 
                <radG:GridBoundColumn DataField="Address" HeaderText="Address" SortExpression="Address" 
            <ExpandCollapseColumn ButtonType="ImageButton" UniqueName="ExpandColumn" Visible="False">  
                <HeaderStyle Width="19px" /> 
            <RowIndicatorColumn UniqueName="RowIndicator" Visible="False">  
                <HeaderStyle Width="20px" /> 
        <FilterMenu HoverBackColor="LightSteelBlue" HoverBorderColor="Navy" NotSelectedImageUrl="~/RadControls/Grid/Skins/Default/NotSelectedMenu.gif" 
            SelectColumnBackColor="Control" SelectedImageUrl="~/RadControls/Grid/Skins/Default/SelectedMenu.gif" 
    <asp:AccessDataSource ID="AccessDataSource1" runat="server" 
        SelectCommand="SELECT [CustomerID], [CompanyName], [ContactName], [ContactTitle], [Address] FROM [Customers] WHERE ([CustomerID] = ?)" DataFile="~/App_Data/Nwind.mdb" > 
            <asp:ControlParameter ControlID="Label1" DefaultValue="ALFKI" Name="CustomerID" PropertyName="Text" 
                Type="String" /> 

    will render as shown in the image attached to this messahe. In short, when you set the datasource of the second grid properly, it will only include the records specified by the label.
    I hope this information helps!

    the telerik team
  5. Lohith
    Lohith avatar
    7 posts
    Member since:
    Oct 2012

    Posted 20 Nov 2012 Link to this post

    We are migrating to new version of telerik controls and we seem to notice that below attributes that are set using FilterMenu are not valid.
    Can you please let us know the equivalent way of doing the same using new version of telerik.  Thanks in advance.

     <FilterMenu HoverBackColor="LightSteelBlue" HoverBorderColor="Navy" NotSelectedImageUrl="~/RadControls/Grid/Skins/Default/NotSelectedMenu.gif" 
            SelectColumnBackColor="Control" SelectedImageUrl="~/RadControls/Grid/Skins/Default/SelectedMenu.gif" 

  6. Maria Ilieva
    Maria Ilieva avatar
    4017 posts

    Posted 22 Nov 2012 Link to this post

    Hi Lohith,

    In order to apply the needed look for the filter items you could use the <FilterItemStyle /> tag of RadGrid and apply the needed settings there.

    Maria Ilieva
    the Telerik team

    Consider using RadControls for ASP.NET AJAX (built on top of the ASP.NET AJAX framework) as a replacement for the Telerik ASP.NET Classic controls, See the product support lifecycle here.

Back to Top

This Code Library is part of the product documentation and subject to the respective product license agreement.