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

Thread is closed for posting
6 posts, 0 answers
  1. D3C04B82-0CEA-40BF-8A66-C1D04E1211B3
    D3C04B82-0CEA-40BF-8A66-C1D04E1211B3 avatar
    2 posts
    Member since:
    Jan 2006

    Posted 12 Sep 2006 Link to this post

    Requirements

    r.a.d.grid
    r.a.d.TabStrip

    3.5.2.0
    3.2.2.0

    .NET version

    2.0

    Visual Studio version

    2005

    programming language

    VB

    browser support

    all browsers supported by r.a.d.controls


     
    PROJECT DESCRIPTION
    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. 25426A67-DDDB-4000-B196-EAC8973A4E0F
    25426A67-DDDB-4000-B196-EAC8973A4E0F avatar
    10 posts
    Member since:
    Aug 2006

    Posted 13 Sep 2006 Link to this post

    Hi,

    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.

    Regards,

    Matt
  3. 25426A67-DDDB-4000-B196-EAC8973A4E0F
    25426A67-DDDB-4000-B196-EAC8973A4E0F 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.

    Matt
  4. 23C72464-8FC9-43C3-9A12-B431B37B7758
    23C72464-8FC9-43C3-9A12-B431B37B7758 avatar
    11 posts
    Member since:
    Dec 2013

    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:

    WebUserControl.ascx
    <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">  
            <EditFormSettings> 
                <EditColumn CancelImageUrl="~/RadControls/Grid/Skins/Default/Cancel.gif" EditImageUrl="~/RadControls/Grid/Skins/Default/Edit.gif" 
                    InsertImageUrl="~/RadControls/Grid/Skins/Default/Insert.gif" UniqueName="EditCommandColumn" 
                    UpdateImageUrl="~/RadControls/Grid/Skins/Default/Update.gif">  
                </EditColumn> 
            </EditFormSettings> 
            <Columns> 
                <radG:GridBoundColumn DataField="CustomerID" HeaderText="CustomerID" ReadOnly="True" 
                    SortExpression="CustomerID" UniqueName="CustomerID">  
                </radG:GridBoundColumn> 
                <radG:GridBoundColumn DataField="CompanyName" HeaderText="CompanyName" SortExpression="CompanyName" 
                    UniqueName="CompanyName">  
                </radG:GridBoundColumn> 
                <radG:GridBoundColumn DataField="ContactName" HeaderText="ContactName" SortExpression="ContactName" 
                    UniqueName="ContactName">  
                </radG:GridBoundColumn> 
                <radG:GridBoundColumn DataField="ContactTitle" HeaderText="ContactTitle" SortExpression="ContactTitle" 
                    UniqueName="ContactTitle">  
                </radG:GridBoundColumn> 
                <radG:GridBoundColumn DataField="Address" HeaderText="Address" SortExpression="Address" 
                    UniqueName="Address">  
                </radG:GridBoundColumn> 
            </Columns> 
            <ExpandCollapseColumn ButtonType="ImageButton" UniqueName="ExpandColumn" Visible="False">  
                <HeaderStyle Width="19px" /> 
            </ExpandCollapseColumn> 
            <RowIndicatorColumn UniqueName="RowIndicator" Visible="False">  
                <HeaderStyle Width="20px" /> 
            </RowIndicatorColumn> 
        </MasterTableView> 
        <FilterMenu HoverBackColor="LightSteelBlue" HoverBorderColor="Navy" NotSelectedImageUrl="~/RadControls/Grid/Skins/Default/NotSelectedMenu.gif" 
            SelectColumnBackColor="Control" SelectedImageUrl="~/RadControls/Grid/Skins/Default/SelectedMenu.gif" 
            TextColumnBackColor="Window"></FilterMenu> 
    </radG:RadGrid> 
    <asp:AccessDataSource ID="AccessDataSource1" runat="server" 
        SelectCommand="SELECT [CustomerID], [CompanyName], [ContactName], [ContactTitle], [Address] FROM [Customers] WHERE ([CustomerID] = ?)" DataFile="~/App_Data/Nwind.mdb" > 
        <SelectParameters> 
            <asp:ControlParameter ControlID="Label1" DefaultValue="ALFKI" Name="CustomerID" PropertyName="Text" 
                Type="String" /> 
        </SelectParameters> 
    </asp:AccessDataSource> 

    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!

    Greetings,
    Yavor
    the telerik team
  5. C193DF1E-41C9-4B20-9AAD-E2CA4995D987
    C193DF1E-41C9-4B20-9AAD-E2CA4995D987 avatar
    7 posts
    Member since:
    Oct 2012

    Posted 20 Nov 2012 Link to this post

    Hi,
    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" 
            TextColumnBackColor="Window"></FilterMenu> 

    Regards,
    Lohitha
  6. 272EA702-B83F-49DA-9608-0FBC5A6ECAEB
    272EA702-B83F-49DA-9608-0FBC5A6ECAEB avatar
    4017 posts
    Member since:
    Oct 2016

    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.

    Greetings,
    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.