Home / Community & Support / Developer Productivity Tools Forums / ASP.NET > Window > Close RadWindow from RadWindow using server-side code

• Sharon Intermediate

  Posted on Sep 13, 2006 (permalink)

  I am attempting to close a radwindow from the code-behind of a button on the window itself.  I know how to close the window using javascript on the client-side, but I do not know how to access the window in the server-side code.  I am trying to close the window in this manner because I have to execute some server-side code prior to closing the window and when I closed the window using javascript (onClientClick event for button), it then did not execute my server-side code.
  
  Thank you in advance.

• Sharon Intermediate

  Posted on Sep 14, 2006 (permalink)

  Found my answer. 
  http://www.telerik.com/support/knowledge-base/kb-article.aspx?b454K=ggt&b454T=cec
  
  A great article that telerik already posted addressed my question.  Basically, the example uses a little trick.  If you put an empty label on your page and then, at the right time, populate that label's text with a call to the javascript function, the problem is solved.  In my example, the user clicks on a button to submit something on the window.  When they do so, I execute the server-side code when updates their changes and then I populate the text of the label to be a javascript call that actually closes the window and refreshes the parent.  When the window is reloaded after the submit, the text of the label is interpreted as script and the javascript call is executed and the window closes.  Very slick.

• Sylvia Zhou

  Posted on Dec 23, 2008 (permalink)

  Hi,
  I try to do same thing as your example, 
  but I can't open the website.
  http://www.telerik.com/support/knowledge-base/kb-article.aspx?b454K=ggt&b454T=cec 
  
  My part of project is
  1. On a radgrid, click one row on the control, 
  2.  open another radwinodw.
  3. put all the value on the textbox(around 30 textbox)
  4. When click the save butoon on the radwindow, will save the all the testbox valude  to xml and save to database.
  5.then close radwindow and back the control radgrid. and the radgrid  data need to refresh. 
  I did the  all the part 1 to 4. but don't know how to do the part 5:
      close radwindow and back the control radgrid. and the radgrid  data need to refresh. 
  
  Please help
  
  

  Thank you very much

• monalisa

  Posted on Dec 24, 2008 (permalink)

  Hi,
  I think there is some prb with the link given (in upper reply by Sharon ),so can  anyone tell me how o close rad window from the window itself.
  Thanx in Advance

• Princy MVP

  Posted on Dec 24, 2008 (permalink)

  Hi Monalisa,
  
  Try the code below to close the Window from code behind. You need to inject the javascript function to the asp label as it's text and write the client side code to close the RadWindow as shown below in order to close the RadWindow.
  
  JavaScript:
  

  <script language ="javascript" type ="text/javascript" >

  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 as well)

  return oWindow;

  }

  function Close()

  {

  GetRadWindow().Close();

  }

  </script>

  
  ASPX:
  

  <asp:Label ID="Label1" Runat="server" Width="410px"></asp:Label>

  
  CS:
  

  protected void btn_Click(object sender, EventArgs e)

  {

  Label1.Text = "<script type='text/javascript'>Close()</" + "script>";

  }

  
  And Sytvia, you can check the following KB article, I hope it will help you in rebinding the RadGrid after clossing the RadWindow.
  Using RadWindow for editing/inserting RadGrid records
  
  Thanks,
  Princy.

• Sylvia Zhou

  Posted on Dec 24, 2008 (permalink)

  Hi, Princy

  Marry Christmas and Happy New Year!

   

  Thank you very much for such quick response

  The close radwindow part is working

  But after click the save button only close the window, the rebind the radgrid still not working.

   

  For My project:

  The main page name: INA_Wizard.aspx

  The radwindow name: worksheet.aspx (there are a save button and  Labelclose)

   for rebind radgrid:

  1. add jave script in worksheet.aspx

                function CloseAndRebind(args)

               {

                                      GetRadWindow().Close();

                                      GetRadWindow().BrowserWindow.refreshGrid(args);

       }

  2. In worksheet.cs when click save button call javescript

   

  protected void Button1_Click(object sender, EventArgs e)

      {  // save data to xml then go database

         // call jave and close window

          Labelclose.Text = "<script type='text/javascript'>CloseAndRebind()</" + "script>";   

      }   

  3. after click the save button, save the data and  close the radwindow, but not refresh the radgrid. I think I missing ajax part, but I am not family with ajax, I looked the website(Using RadWindow for editing/inserting RadGrid records ), still confused.
  4. If you can help me with the ajax part, I will realy appriciate

   

  Thank you in advance!
  
  Sylvia

• Svetlina Anati Svetlina Anati

  Posted on Dec 26, 2008 (permalink)

  Hi Sylvia,
  
  The grid actually becones updated by calling its Rebind method in the code - behind of the main page and I cannot see from your explanations whether you have this part of the code. The described approach is teh correct one but you should also fulfil the following steps:
  
  

  1. Declare the refreshGrid function on the main page - it performs an AJAX request to teh server by using the RadAjaxManager control:
     
     

     function refreshGrid(arg)

     {

     if(!arg)

     {

     $find("<%= RadAjaxManager1.ClientID %>").ajaxRequest("Rebind");

     }

     else

     {

     $find("<%= RadAjaxManager1.ClientID %>").ajaxRequest("RebindAndNavigate");

     }

     }

     
     and the declaration and configuration of the RadAjaxManager is the following:
     
     

     <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server" OnAjaxRequest="RadAjaxManager1_AjaxRequest">

     <AjaxSettings>

     <telerik:AjaxSetting AjaxControlID="RadAjaxManager1">

     <UpdatedControls>

     <telerik:AjaxUpdatedControl ControlID="RadGrid1" />

     </UpdatedControls>

     </telerik:AjaxSetting>

     <telerik:AjaxSetting AjaxControlID="RadGrid1">

     <UpdatedControls>

     <telerik:AjaxUpdatedControl ControlID="RadGrid1" />

     </UpdatedControls>

     </telerik:AjaxSetting>

     </AjaxSettings>

     </telerik:RadAjaxManager>

  2. Handle the AJAX request on the server and rebind the grid:
     
     

     protected void RadAjaxManager1_AjaxRequest(object sender, AjaxRequestEventArgs e)

     {

     if (e.Argument == "Rebind")

     {

     RadGrid1.MasterTableView.SortExpressions.Clear();

     RadGrid1.MasterTableView.GroupByExpressions.Clear();

     RadGrid1.Rebind();

     }

     else if (e.Argument == "RebindAndNavigate")

     {

     RadGrid1.MasterTableView.SortExpressions.Clear();

     RadGrid1.MasterTableView.GroupByExpressions.Clear();

     RadGrid1.MasterTableView.CurrentPageIndex = RadGrid1.MasterTableView.PageCount - 1;

     RadGrid1.Rebind();

     }

     }

  You can find a working online demo which shows this approach here and I also recommend to examine the full source code of the example in order to get a better understanding on the whiole implementation. When you install RadControls, our online examples projects are automatically installed on your computer and you can not only examine their full source code, but also extend them further in order to meet your requirements.

  You can open the demos from here:

  Start\Programs\Telerik\RadControls for ASPNET AJAX\Open Sample WebSite In VisualStudio

  The actual location on your hard disk is the following one:

  C:\Program Files\Telerik\RadControls for ASPNET AJAX \Live Demos

  
  
  Greetings,
  Svetlina
  the Telerik team

  
  Instantly find answers to your questions at the new Telerik Support Center

• Sylvia Zhou

  Posted on Jan 5, 2009 (permalink)

  Hi, Svetlina

  Happy New Year!

  I really appreciate your helpful information.

   

  The flow for our application is

  1. open main page(use RadMultiPage and it already has a RadAjaxManager on there ).
  2. show one RadPageView, the RadPagView includes WebUserControl, and the WebUserControl has a RadGrid on it((The Grid Rebind code is in control),
  3. click Edit on a row opens a RadWindow
  4. after edit and save, close the radWindow, back to the radgrid.(the data is saved to database but radgrid is not refreshed.)

  Because there is already one ajax manager on the main page,

  if add another ajax manager on the control. I will get error.

  Do you have some suggestion for this issue?

   

  Thanks!

   

  Sylvia

• Svetlina Anati Svetlina Anati

  Posted on Jan 6, 2009 (permalink)

  Hello Sylvia,
  
  Happy New Year to you, too!
  
  Basically there are a few approaches and they depend on your exact setup. You can for example use an ajaxified with a standard update panel button and then call the __doPostBack function with this button as an argument - the rebinding code should be in the button's server handler. Please, note that in fact the task you need to perform is general and it is related to performing an ajax request to the server.
  
  In case you need further assistance, please open a new support ticket and send us a sample, fully runnable demo (with DB, if needed) along with detailed reproduction steps and explanations.
  
  
  Best wishes,
  Svetlina
  the Telerik team

  
  Check out Telerik Trainer, the state of the art learning tool for Telerik products.

• Sylvia Zhou

  Posted on Jan 6, 2009 (permalink)

  Hi, Svetlina
  Thank you so much!
  I will try your approaches for my application.
  
  Sylvia

• Sylvia Zhou

  Posted on Jan 8, 2009 (permalink)

  
  Hi Svetlina,
  We solve this refresh grid problem with your help.
  I told you ealy:
  

  The flow for our application is

  1. open main page(name: INA_Wizard.aspx )
  2. the WebUserControl has a RadGrid on the main page (name: INA_PartAW1.ascx)
  3. click row on the RadGrid will open Radwindow(name: WorkSheet.aspx )
  4. after edit and save, close the radWindow, back to the radgrid.(the data is saved to database and radgrid is refreshed.) .

   

  How to refresh the radGrid in INA_Wizard.aspx:

  1. in WorkSheet.aspx  java script: Call refreshGrid from INA_Wizard.aspx

  function CloseAndRebind(args) {

                              GetRadWindow().Close();

                              GetRadWindow().BrowserWindow.refreshGrid(args);

                    }

   

  2. In: WorkSheet.aspx.cs, call CloseAndRebind() in java script

  Label205.Text = "<script type='text/javascript'>CloseAndRebind()</" + "script>";   

   

  3. in INA_PartAW1.ascx

  // this code copy from another procedure: BindGridData

  public void ReBindGridData()

      {

          this.RadGrid1.Rebind();

          Session[this.Parent.ClientID + "INA_PartAW1Bound"] = true;

      }

  4. in INA_Wizard.aspx,  Create a java script

  function refreshGrid(arg) {

      var ajaxManager = $find("<%= RadAjaxManager1.ClientID %>");

      ajaxManager.ajaxRequest("Rebind");

     

  5. in INA_Wizard.aspx.cs, this procedure from RadAjaxmanager

      protected void RadAjaxManager1_AjaxRequest(object sender,

           AjaxRequestEventArgs e)

      {// this augement “Rebind” hard code in refreshGrid(arg)

          if (e.Argument == "Rebind")         {

              INA_PartAW1.ReBindGridData(); // call from INA_partAW1

          }

      }

  Thank you so much!
  
  Sylvia

• Travis

  Posted on Feb 4, 2009 (permalink)

  This close function is not working for me.  See code below...
  
  HTML...
  

  <script language="javascript" type="text/javascript">

  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 as well)

  return oWindow;

  }

  function Close() {

  GetRadWindow().Close();

  }

  </script>

  <asp:Content ID="mainContent" ContentPlaceHolderID="DefaultContent" runat="Server">

  <div>

  <table>

  <tr>

  <td>

  <asp:Label ID="excuteWindowClose" runat="server" Width="410px"></asp:Label>

  <asp:Button ID="btnDone" runat="server" Text="Done" OnClick="btnDone_OnClick" />

  </td>

  </tr>

  </table>

  </div>

  </asp:Content>

  
  Code Behind...
  

  protected void btnDone_OnClick(object source, EventArgs e)

  {

  excuteWindowClose.Text = "<script type='text/javascript'>Close()</" + "script>";

  }

• Georgi Tunev Georgi Tunev

  Posted on Feb 5, 2009 (permalink)

  Hi Travis,
  
  Please make sure that the JavaScript function is called at all - just put a simple alert in the Close() function and see if it will popup. Also note that if you ajaxify that content (I see that you are using MasterPage) the function will not be called - you need to use the ResponceScripts collection.
  
  If you still experience problems, please open a support ticket and send me a small sample project where the problem can be observed. I will check it and get back to you right away.
  
  
  All the best,
  Georgi Tunev
  the Telerik team

  
  Check out Telerik Trainer, the state of the art learning tool for Telerik products.

• Satish

  Posted on Sep 18, 2009 (permalink)

  Hi Sylvia, Savita,

  
  

  I found a simple solution for refresh of rad grid in Sylvia case.

  
  

  In Rad Window I added the following code on close button click

  
  

  
  

  Response.Write("<script>  "

            + "var oWindow = null;" +

            "if (window.radWindow) oWindow = window.radWindow;" +

            "else if (window.frameElement.radWindow) oWindow = window.frameElement.radWindow;oWindow.close();

  
  

  Add a OnClientClose="OnClientClose" for the rad window in main page

  and In Main page I wrote a javascript function like below

   function OnClientClose(radWindow)

          {

              document.getElementById("btnHidden").click();

          }

  
  

  here the btnHidden is the hidden button and its code is 

  <asp:Button Style="display: none" ID="btnHidden" runat="Server" OnClick="btnHidden_Click">

          </asp:Button>

  So when the radwindow is closed i am calling the Hidden button onclick event.

  in .cs file of main page

  protected void btnHidden_Click(object sender, EventArgs e)

          {

             //wrote the code to refresh the rad grid

          }

  As the javascript event raises the on click event of the hidden button the grid is refreshed as we wrote the code in button click event.

  
  

  Hope I made you clear. 

  
  

  Regards,

  Satish Kumar.

• Nita Chandrasekhar

  Posted on Jan 8, 2010 (permalink)

  Hello,
  
  Will any of this work in .net 1.1 ? I'm using a Radwindow to actually insert a record selected from the main grid into another table via the radwindow. When this is successful, that record should be removed from the main grid. Your rebind() method within the invisible button click method seems to rebind the grid with the original datasource. My grid has a series of filters so users would use these filters to filter the grid, choose a record to insert into another table via the radwindow. When the radwindow closes, they expect this record to disappear from the main grid at the same time keep the state of the filters intact.
  
  Any inputs will be gratefully appreciated.

• Satish

  Posted on Jan 8, 2010 (permalink)

  Hi Nita,

  
  

  The filters are something which are done in client browser. So In order to keep the filters intact you have to access the viewstate and correspondingly handle it to make them intact. I dont have any working code like this but I hope this works. I dont know about whether it works on.net 1.1 or not. Post a support ticket to know about the compatibilities with your rad version.

  Regards,

  Satish Kumar.
  

• Nita Chandrasekhar

  Posted on Jan 8, 2010 (permalink)

  Hello Satish,
  
  Thank you for your response. I'm using the radcontrols for .net 1 from the Radcontrols Q2 2008 series. I don't know whether this provides any inputs. I'm planning on doing something as follows:
  
  In the main page where the radgrid resides, I will write a function as follows:
  function ClientClose(radWindow)
              {
                 var oWindow = null;
                if (window.radWindow)
                {
                  oWindow = window.radWindow;
                }
                else if (window.frameElement.radWindow)
                {
                  oWindow = window.frameElement.radWindow;oWindow.close();
                }
               document.getElementById("btnHidden").click();
              }
  
  I will then bind this method to the OnClientClose method of the radWindow on the main grid. In the code-behind of the main page, I plan on doing something like this:
  
  protected void btnHidden_Click(object sender, EventArgs e)
          {
             if (ViewState["filteredGrid"]!=null)
                   {
                       DataTable dt = Viewstate["filteredGrid"] as DataTable;
                       // now reassign and rebind
                       RadGrid1.MasterTableView.DataSource = dt;
              }
          }
  
  I'm guessing there's surely a better way to do this, but this is what I could come up with on a Friday night. Two questions; where should I first set the ViewState? Secondly, do you think it will work logically?
  
  Thanks for your help in advance.
  
  
  
  
  

• Georgi Tunev Georgi Tunev

  Posted on Jan 11, 2010 (permalink)

  Hello Nita,
  
  I believe that the following blog post will be of help:
  http://blogs.telerik.com/supportdept/posts/09-05-05/executing_javascript_function_from_server-side_code.aspx
  
  
  
  Sincerely yours,
  Georgi Tunev
  the Telerik team

  
  Instantly find answers to your questions on the new Telerik Support Portal.
  Watch a video on how to optimize your support resource searches and check out more tips on the blogs.

• Nita Chandrasekhar

  Posted on Jan 11, 2010 (permalink)

  Hi Georgi,
  
  Thanks for your response. I have already implemented the injecting of script technique via the label. The real issue for me lies in retaining the filters when the page is reloaded. I've found a solution for it; a touch messy if you ask me but it works fine and has been sufficiently stress-tested to get my tick of approval. It involves capturing each filter expression and storing it in a session so that when the radwindow closes and the top.location.href is called, the radgrid obtains it's datasource from the session's filters applied to it rather than from the needDataSource event for the radgrid and also writes back the filter values to the filter textboxes.
  
  

• Gerald

  Posted on Mar 18, 2010 (permalink)

  I am still not very sure how to proceed if I want to close the RadWindow from itself via code. I am perfectly aware how to do it using "usual" windows but if I use the same code as with usual windows and try to apply to RadWindow it does not work.
  My scenario is very simple (and, as said, exactly the same code is working with "normal" windows):
  I open a RadWindow from a parent form, this RadWindow contains one simple textbox, where the user can perform some editing and upon clicking on "Accept" the edited text is passed to the parent window and pasted in a specified control (and the RadWindow is closed).
  
  The RadWindow is opened using the following script:
  

   

  <script type="text/javascript">

  function openAssessmentsWindow(ID, control, form)

  {

  controlcontent = control.value;

  controlname = control.id;

  var oWnd = radopen(Rechnungen.aspx?ID=' + ID + '&F=' + form + '&C=' + controlname + '&T=' + controlcontent + '', 'wndAssessments');

  }

   

   

  This is the RadWindowsManager on the parent form:

   

   

   

   

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

  <Windows>

  <telerik:RadWindow Animation="Slide" Behaviors="Close, Move, Resize" VisibleStatusbar="False"

  Left="905" Top="38" Height="500" Width="245" AnimationDuration="700" ID="wndAssessments" runat="server" KeepInScreenBounds="True"></telerik:RadWindow>

  </Windows>

  </telerik:RadWindowManager>

   

   

   

   

  The page loded into the RadWindow has one single procedure to close the RadWindow:

   

   

  Protected Sub lbtnAccept_Click(ByVal sender As Object, ByVal e As EventArgs) Handles lbtnAccept.Click

  Dim strScript As String = ""

  Dim strText As String = ""

  Dim strControl As String = Request.QueryString("F") + "." + Request.QueryString("C")

  strScript &=

  "<script language=javascript>"

  strScript &= "window.opener.restoretext('" & strText & "', '" & strControl & "');"

  strScript &= "window.close();"

  strScript &= "</script>"

  Response.Write(strScript)

  End Sub

   

  The function restoretext resides on the parent page and is executed to paste the text which is returned from the RadWindow into the respective control of the parent page.

   

  function restoretext(text, controlname)

  {

  var control = document.getElementById(controlname);

  control.value = returntext;

  }

  
  The code as above works perfectly with "normal" windows - window.opener is retuning the reference to the opener window. I tried to use this GetRadWindow function on the popup window and replace the window.opener by GetRadWindow().BrowserWindow but it simply does not work - the window.radWindow is returning undefined.
  

   

  <script language="javascript" type="text/javascript">

  function GetRadWindow()

  {

  var oWindow = null;

  if (window.radWindow) oWindow = window.radWindow;

  else if (window.frameElement.radWindow) oWindow = window.frameElement.radWindow;

  return oWindow;

  }

  </script>

  I am not sure how to proceed since it should be easy to reuse existing code which perfectly works with "normal" windows for the RadWindows.

   

• Georgi Tunev Georgi Tunev

  Posted on Mar 18, 2010 (permalink)

  Hi Gerald,
  
  The code that you posted should work as expected (when you replace window with GetRadWindow() and opener with BrowserWindow) so at this point I cannot tell what the reason for the problem might be. Could you please open a support ticket and send me a small sample project that reproduces your setup and the problem itself?
  
  Thank you in advance for your cooperation.
  
  All the best,
  Georgi Tunev
  the Telerik team

  
  Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.

• Garry

  Posted on Nov 4, 2010 (permalink)

  Just an observation, but this thread and many others would really benefit from a sample project authored by Telerik showing how to use the RadWindow to be driven from server side code. Having other peoples code splattered all around is simply not very helpful at all.

• Georgi Tunev Georgi Tunev

  Posted on Nov 4, 2010 (permalink)

  Hello Garry,
  
  Such sample is available in the Grid Editing Demo - check the code in the content page.
  
  
  Regards,
  Georgi Tunev
  the Telerik team

  
  Check out Telerik Trainer, the state of the art learning tool for Telerik products.

• Mouse

  Posted on Nov 9, 2010 (permalink)

  Hi
  
  I have a similar problem that travis had back in Feb 2009.
  
  I use this code in two different places.
  
  

  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 as well)

  return oWindow;

  }

  
  The first place i used it, it worked fine. The second time it didn't.
  The difference between the two are in the first time where it worked, I had set the navigate url of the radwindow set to an .aspx page. As below
  

  <telerik:RadWindow ID="radWindow" Behaviors="None" Width="750px" Height="620px"

   

   

  VisibleOnPageLoad="false" NavigateUrl="Page.aspx" runat="server" OnClientClose="ClientClose">

   

   

  </telerik:RadWindow>

   

  
  In the second instance where it could not find the window and oWindow was coming back null. I had a contenttemplate inside a rad window with a usercontrol sat in the content template. As below
  

   

  <telerik:RadWindow ID="wnd" runat="server" Behavior="Default" InitialBehavior="None"

   

   

  Width="255px" Height="450px" Behaviors="None" OnClientClose="ClientClose"

   

   

  Modal="true" VisibleStatusbar="False">

   

   

      <ContentTemplate>

   

   

          <ucl:UserControl ID="UserControl" runat="server" />

   

   

      </ContentTemplate>

   

   

  </telerik:RadWindow>
  
  
  I am not sure where to go from here as there was no helpful reply to travis back in 2009.
  Anyone know what to do? And serverside is not really an option here too.
  
  Thanks 

   

• Svetlina Anati Svetlina Anati

  Posted on Nov 9, 2010 (permalink)

  Hi Philip,

   The GetRadWindow function references a RadWindow which has NavigateUrl set from inside it. However, when you are using ContentTemplate instead of NavigateUrl, the content of the RadWindow is not inside another [page but on the same page. That is why to reference a RadWindow with ContentTemplate you should use the method $find as you would do to reference any client ajax object on the same page.

  Sincerely yours,
  Svetlina
  the Telerik team

  
  Check out Telerik Trainer, the state of the art learning tool for Telerik products.

• Hossein Jabbarzadeh

  Posted on Jan 7, 2011 (permalink)

  here is your complete solution. Click on this link
  
  http://www.telerik.com/community/forums/thread/b311D-bakmtt.aspx
  
  and look for Shaun Peet solution  (Forth one from top).  I went through it and changed it to suit my case and it works like a charm
  
  Thanks to Shaun Peet
  
  HJ

• J

  Posted on May 4, 2011 (permalink)

  Utilicen el siguiente comando de .NET:
  
  ClientScript.RegisterStartupScript(Page.GetType(), "mykey1", "Envio_CloseAndRebind();", true);

Back to Top

Home / Community & Support / Developer Productivity Tools Forums / ASP.NET > Window > Close RadWindow from RadWindow using server-side code