Telerik Forums / UI for ASP.NET AJAX Forum / Window /

Cannot close RadWindow using Ajaxified button

Telerik UI for ASP.NET AJAX
Resources Buy Try

6 posts, 0 answers

Bex

53 posts

Member since:
Jul 2011

Posted 11 May 2012 Link to this post

Hi
I have been through these forums and found lots of similar examples but none that quite fix my problem.
I have a rad window with a content template that pops up on click of a button.
The user must complete certain things that are checked on the server within the rad window unless an error message is shown, otherwise the details added are saved and the window needs to close.

My problem is my rad window doesn't close!

This is my radwindow

<telerik:RadWindowManager ID="Radwindowmanager1" runat="server">

    <Windows>

        <telerik:RadWindow runat="server" ID="winDetail" Width="400px" Height="400px"

            ReloadOnShow="true" ShowContentDuringLoad="false" Modal="True" Behaviors="None"

            VisibleTitlebar="true" VisibleStatusbar="false">

            <ContentTemplate>



                    <h3>

                        Injury Details

                    </h3>

                    <asp:Label runat="server" ID="lblError"></asp:Label>

                    <div class="modalForm">

                        <ol>

                            <li>

                                <label class="noFloatLabel">

                                    Injury

                                </label>

                                <telerik:RadComboBox ID="ddlName" runat="server" AutoPostBack="True" OnSelectedIndexChanged="ddlInjuryName_OnSelectedIndexChanged" />

                                <telerik:RadTextBox runat="server" ID="txtNewName">

                                </telerik:RadTextBox>

                            </li>

                            <li>

                                <label class="noFloatLabel">

                                    Specific Detail

                                </label>

                                <telerik:RadComboBox ID="ddSpecific" runat="server" />

                                <telerik:RadTextBox runat="server" ID="txtNewSpecific">

                                </telerik:RadTextBox>

                            </li>

                        </ol>

                    </div>

                    <br />

                    <asp:Button runat="server" ID="btnAddDetail" Text="Add" OnClick="btnAddDetail_Click" />

            <asp:Button runat="server" ID="btnCancel" Text="Cancel" OnClick="btnCancel_Click" />

         <asp:HiddenField runat="server" ID="hdnId" />

            </ContentTemplate>

        </telerik:RadWindow>

    </Windows>

</telerik:RadWindowManager>

I am using an ajax manager to try and control the autopopulation of my dropdowns and btnAddDetail with the error message.

<telerik:RadAjaxManager runat="server" ID="aj1">

    <AjaxSettings>



        <telerik:AjaxSetting AjaxControlID="ddlName">

            <UpdatedControls>

                <telerik:AjaxUpdatedControl ControlID="ddlSpecific" />

            </UpdatedControls>

        </telerik:AjaxSetting>

         <telerik:AjaxSetting AjaxControlID="btnAddDetail">

            <UpdatedControls>

                <telerik:AjaxUpdatedControl ControlID="lblError" />



            </UpdatedControls>

        </telerik:AjaxSetting>



    </AjaxSettings>

</telerik:RadAjaxManager>

When I click the btnAddDetail

I run this function

protected void btnAddDetail_Click(object sender, EventArgs e)

        {

            if ((ddlName.SelectedValue != string.Empty || txtNewName.Text != string.Empty)

                && (ddlSpecific.SelectedValue != string.Empty || txtNewSpecific.Text != string.Empty))

            {

//do processing if processing fails show error if not close window string script = "function f(){Close(); Sys.Application.remove_load(f);}Sys.Application.add_load(f);";    ScriptManager.RegisterStartupScript(this, this.GetType(), "close", script, true);

            }

            else

            {

                lblError.Text = "You must select a name and description";

            }

        }

This is my javascript to close the window:

function GetRadWindow() {

          var oWindow = null;

          if (window.radWindow) oWindow = window.radWindow; //Will work in Moz in all cases, including clasic dialog

          else if (window.frameElement.radWindow) oWindow = window.frameElement.radWindow; //IE (and Moz az well)

          return oWindow;

      }

      function Close() {

          GetRadWindow().close();

      }

Can anyone help with my my window won't close? I know its something to do with how I've used the ajax but I can't work out what!

Bex
Bex

53 posts

Member since:
Jul 2011

Posted 14 May 2012 Link to this post

Anyone?
Marin Bratanov
Admin

5709 posts

Posted 15 May 2012 Link to this post

Hello Bex,

You are using the RadWindow with its ContentTemplate, so the controls inside (including the button you wish to use for closing) reside in the same page as the RadWindow. The GetRadWindow() function you are using is designed to get a reference to the RadWindow from within a page that is loaded inside (via its NavigateUrl property).

What you need to call is $find(your_RW_ClientID).close() instead. This is shown in action in the following online demo that explains the difference between the two modes: http://demos.telerik.com/aspnet-ajax/window/examples/contenttemplatevsnavigateurl/defaultcs.aspx.

Kind regards,
Marin
the Telerik team
If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now.
Bex

53 posts

Member since:
Jul 2011

Posted 15 May 2012 Link to this post

Hi Marin

Thanks for your reply.
I just tried this and it does not work.
That example you gave me a link to was the first thing I tried.
I think it's something to do with my Ajax setting:

<telerik:AjaxSetting AjaxControlID="btnAddDetail">

            <UpdatedControls>

                <telerik:AjaxUpdatedControl ControlID="lblError" />



            </UpdatedControls>

        </telerik:AjaxSetting>
If I remove it even the GetRadWindow().close function works, but when I put the ajax back it does not.
I may be using the ajax wrongly but I was unsure which forum to put it in as it was the rad window I was having the problem with.

Bex
Marin Bratanov
Admin

5709 posts
Posted 17 May 2012 Link to this post

Hi Bex,

I build a sample for you that I based on the code you pasted initially and things are working properly with me. You can find it attached here and there is also a screen capture in it that shows the behavior. This leads me to believe that some condition in your server code is not met and the Close() function is not called at all, so I suggest you debug your code and see if this is the case. You can also compare your actual page with my sample and try to find the major difference that is causing the problem. For example, if this is inside a user control you may need to reference the page in order for the script registration to work, e.g.:

ScriptManager.RegisterStartupScript(this.Page, this.Page.GetType(), "close", script, true);

Greetings,
Marin
the Telerik team
If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now.

close-from-ajax-button.zip
Bex

53 posts

Member since:
Jul 2011

Posted 18 May 2012 Link to this post

Marin

Thank you for the example.

I have tested your example and updated it slightly as I am using a user control and your example works!
(This is an update as prev it didn't but I had the javascript in the wrong place!)
Mine is still not working though as I get a javascript error so I may have a few more questions soon!

Bex

Cannot close RadWindow using Ajaxified button

Bex

Bex

Marin Bratanov

Bex

Marin Bratanov

Bex