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

There a way to send values from the parent to the dialog window on open?

5 Answers 330 Views

Window

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

5 Answers, 1 is accepted

answered on 27 Oct 2008, 08:23 AM

Hi Fred,

The dialog page is plain HTML - you can examine it by using the View Source option of the browser - for convenience I am pasting it below:

    
            <html> 
        
                <head><title> 
        
                Dialog 
        
            </title>         
        
                    <style> 
        
                    * 
        
                    { 
        
                        font: normal 11px Arial, Verdana, Sans-serif;        
        
                    } 
        
                    .bButton 
        
                    { 
        
                        width: 100px; 
        
                        height: 20px; 
        
                        border: 1px; 
        
                        background-image: url(../bBtuttonBg.gif); 
        
                        background-repeat: no-repeat; 
        
                        background-color: #fff;          
        
                        color: #666666; 
        
                        vertical-align: middle; 
        
                    }                
        
                    </style> 
        
                </head> 
        
                <body onload="ConfigureDialog()"> 
        
                    <form method="post" action="Dialog.aspx?rwndrnd=0.5277324723346717" id="Form1"> 
        
            <div> 
        
            <input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="/wEPDwUJNzgzNDMwNTMzZGTfQYqO1vSLjNVkidFMaGo1uxEP5w==" /> 
        
            </div> 
        
                    <script type="text/javascript"> 
        
                        //This code is used to provide a reference to the radwindow "wrapper" 
        
                        function GetRadWindow() 
        
                        { 
        
                            var oWindow = null; 
        
                            if (window.radWindow) oWindow = window.radWindow; 
        
                            else if (window.frameElement.radWindow) oWindow = window.frameElement.radWindow; 
        
                            return oWindow; 
        
                        }        
        
                        function ConfigureDialog() 
        
                        { 
        
                            //Get a reference to the radWindow wrapper 
        
                            var oWindow = GetRadWindow(); 
        
                            //Obtain the argument  
        
                            var oArg = oWindow.Argument; 
        
                            //Use the argument 
        
                            var oArea = document.getElementById("DialogInfoArea"); 
        
                            oArea.value = oArg.TextValue; 
        
                            oArea.style.color = oArg.Color; 
        
                            oArea.style.backgroundColor = oArg.BackColor;                    
        
                        } 
        
                        function OK_Clicked() 
        
                        { 
        
                            var oWindow = GetRadWindow(); 
        
                            //Get current content of text area 
        
                            var oNewText = document.getElementById("DialogInfoArea").value; 
        
                            alert ("Text to be returned to main page: " + oNewText); 
        
                            //Variant1: Passing the argument to the close method will result in the same behavior 
        
                            oWindow.close(oNewText); 
        
                            //Variant2: Possible to set the argument property of RadWindow here, and read it in the OnClientClose event handler! 
        
                            //oWindow.argument = oNewText;           
        
                        } 
        
                        function Cancel_Clicked() 
        
                        { 
        
                            var oWindow = GetRadWindow();            
        
                            oWindow.close(); 
        
                        }                
        
                    </script>    
        
                    Text from main page (possible to change): 
        
                    <br/><textarea id="DialogInfoArea" rows="5" cols="38"></textarea> 
        
                    <br/>        
        
                    <button onclick="OK_Clicked(); return false;" class="bButton">OK</button> &nbsp;&nbsp;       
        
                    <button onclick="Cancel_Clicked(); return false;" class="bButton">Cancel</button>    
        
                    </form> 
        
                </body> 
        
            </html>

In addition, you can check the following documentation topic where this example is explained in details:
http://www.telerik.com/help/aspnet-ajax/window_programmingusingradwindowasadialog.html

Since you are talking about server-side logic, note that the communication between the content and the parent page is done on the client only - just like with any other popup. Once you receive the argument on the client, you need to send it somehow to the server. This (sending arguments from the client to the server with JavaScript) is a general task - for example you can use __doPostBack() or RadAjax's ajaxRequest call to do this.

Kind regards,
Georgi Tunev
the Telerik team

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