This is a migrated thread and some comments may be shown as answers.

Can a RadTabStrip not exist inside a RadAjaxPanel?

1 Answer 122 Views
Ajax
This is a migrated thread and some comments may be shown as answers.
MikeL
Top achievements
Rank 1
MikeL asked on 26 Mar 2009, 04:02 PM
Is it not possible to place a RadTabStrip inside a RadAjaxPanel with a RadAjaxLoadingPanel?

I currently have:

   <style type="text/css"
 
    .centerLoadingPanel 
    { 
        background:gray url(<%= RadAjaxLoadingPanel.GetWebResourceUrl(Page, "Telerik.Web.UI.Skins.Default.Ajax.loading.gif") %>) center center no-repeat; 
    } 
 
    </style> 
 
<snip> 
 
<rad:RadAjaxManager ID="RadAjaxManager1" runat="server"
        <AjaxSettings> 
            <rad:AjaxSetting AjaxControlID="SearchButton"
                <UpdatedControls> 
                    <rad:AjaxUpdatedControl ControlID="ADuserGrid" /> 
                </UpdatedControls> 
            </rad:AjaxSetting>             
         </AjaxSettings> 
    </rad:RadAjaxManager> 
 
    <rad:RadAjaxLoadingPanel CssClass="centerLoadingPanel" ID="RadAjaxLoadingPanel2" Transparency="25" runat="server" HorizontalAlign="Center" IsSticky="false"
    </rad:RadAjaxLoadingPanel>  
             
    <rad:RadAjaxPanel ID="rapMain" runat="server" LoadingPanelID="RadAjaxLoadingPanel2">   
    <div> 
        <table> 
            <tr> 
                <td> 
                    <rad:RadTabStrip ID="RadTabStrip1" runat="server" MultiPageID="RadMultiPage1" Width="100%"
                        <Tabs> 
                            <rad:RadTab runat="server" Text="User Filter"/> 
                            <rad:RadTab runat="server" Text="Group Filter"/> 
                        </Tabs> 
                    </rad:RadTabStrip> 
                     <rad:RadMultiPage ID="RadMultiPage1" runat="server" SelectedIndex="0" Width="100%"
                        <rad:RadPageView runat="server" ID="RadPageView" BorderWidth="1" Width="100%"
                        <fieldset id="FilterFieldSet" runat="server"
                            <legend>Filter</legend> 
                            <table cellspacing="0" cellpadding="0" border="0" style="width: 800px;"
                                <tr> 
                                    <td><span runat="server">First Name:</span></td
                                    <td><asp:TextBox runat="server" ID="FirstNameTextBox" Width="150"/></td> 
                                    <td>Last Name:</td> 
                                    <td><asp:TextBox runat="server" ID="LastNameTextBox" Width="150"/></td> 
                                </tr>         
                                <tr> 
                                    <td>Email:</td> 
                                    <td><asp:TextBox runat="server" ID="EmailTextBox" Width="150"/></td> 
                                    <td>Login:</td> 
                                    <td><asp:TextBox runat="server" ID="LoginTextBox" Width="150"/></td> 
                                </tr>         
                                <tr> 
                                    <td colspan="4" align="center"
                                        <br /> 
                                        <asp:Button ID="SearchButton" runat="server" Text="Go...." onclick="SearchButton_Click" /></td
                                </tr>         
                                <tr> 
                                    <td colspan="4"
                                        <asp:Label ID="AddedUserLabel" runat="server" Visible="false">User Added!</asp:Label><br /> 
                                        <asp:Label ID="ResultLabel" runat="server" Visible="false"></asp:Label> 
                                    </td> 
                                </tr> 
                            </table> 
                        </fieldset>                         
                        </rad:RadPageView> 
 
                    </rad:RadMultiPage> 
                     
                </td>
            </tr>
            <tr>
                <td>
                    <br />
                    <rad:RadGrid ID = "ADuserGrid" runat ="server"
                        EnableAJAX="True" onitemcommand="ADuserGrid_ItemCommand"
                        GridLines="None" onneeddatasource="ADuserGrid_NeedDataSource"
                        AutoGenerateColumns="false" >
                        <MasterTableView Width="100%">
                            <Columns>
                                    <rad:GridTemplateColumn UniqueName="addUserButtonColumn">
                                        <ItemTemplate>
                                        <asp:LinkButton Text= "Add" runat= "server" CommandName ="addUserCommand" Visible ="true" />
                                        </ItemTemplate>
                                    </rad:GridTemplateColumn>
                                    <rad:GridBoundColumn DataField="Email" HeaderText="Email" SortExpression="Email">
                                        <HeaderStyle Width="200px" />
                                    </rad:GridBoundColumn>
                                    <rad:GridBoundColumn DataField="GivenName" HeaderText="First Name">
                                        <HeaderStyle Width="200px" />
                                    </rad:GridBoundColumn>
                                    <rad:GridBoundColumn DataField="Name" HeaderText="Full Name">
                                        <HeaderStyle Width="200px" />
                                    </rad:GridBoundColumn>
                                    <rad:GridBoundColumn DataField="SamAccountName" HeaderText="Login Name">
                                        <HeaderStyle Width="200px" />
                                    </rad:GridBoundColumn>
                                    <rad:GridBoundColumn DataField="DistinguishedName" HeaderText="Distinguished Name">
                                        <HeaderStyle Width="400px" />
                                    </rad:GridBoundColumn>
                            </Columns>
                            </MasterTableView>
                            <PagerStyle Position="Bottom" Mode="NumericPages" HorizontalAlign="Center"/>
                    </rad:RadGrid>
                </td>
            </tr>
        </table>
    </div>
</rad:RadAjaxPanel>




I have the RadAjaxPanel over everything so that I can get the whole page to be covered by my loadingpanel.

Everything is fine, the request is made the loading panel is displayed, however when the loading panel closes down after the request has been completed I get the javascript error message:

Line: 2710
Error: Sys.ArgumentException: Value must not be null for Controls and Behaviours.
Parameter name: element

Followed by:

Line 4723
Error: Sys.ArgumentNullException: Value cannot be null
Parameter name: panelsUpdated[0]


The error appeared when I placed the TabStrip and the MultiPages inside the RadAjaxPanel. Is this the problem, is there a way around it?

Thanks
Mike

1 Answer, 1 is accepted

Sort by
0
Pavlina
Telerik team
answered on 31 Mar 2009, 09:41 AM
Hello MikeL,

We highly recommend that you avoid working with the RadAjaxManager & RadAjaxPanel controls at the same time. Use the controls depending on your exact scenario as recommended here.

If one and the same control is placed in a RadAjaxPanel as well as included in RadAjaxManager settings as ajaxified control (i.e. it is ajaxified by both the panel and manager), the corresponding manager's setting will not work.
Find more information in the following help topic:
Ajaxifying controls wrapped in RadAjaxPanel and added to AJAX Manager settings

Additionally I have prepared a small runnable application with the implementation request by you. Give it a try and let me know how it goes or if I am leaving something out.

I hope this helps.

Greetings,
Pavlina
the Telerik team

Check out Telerik Trainer , the state of the art learning tool for Telerik products.
Tags
Ajax
Asked by
MikeL
Top achievements
Rank 1
Answers by
Pavlina
Telerik team
Share this question
or