Passing Parameters To Modal Dialog From Code Behind

We often use modal dialog to display list item or other infomation in sharepoint.we can use the following code to create a modal dialog:

View Code

 1 <script type="text/javascript">
 2     function ShowInfo() {
 3         var options = SP.UI.$create_DialogOptions();
 4 
 5         options.title = "ModalDialogTitle";
 6         options.width = 800;
 7         options.height = 400;
 8         options.url = "/_layouts/***.aspx";
 9 
10         SP.UI.ModalDialog.showModalDialog(options);
11     }
12 </script>

Most of the time,we need to pass one or more parameters to it,so we change the code like this:

View Code

 1 <script type="text/javascript">
 2     function ShowEmpInfo(para, title) {
 3         var options = SP.UI.$create_DialogOptions();
 4 
 5         options.title = title;
 6         options.width = 800;
 7         options.height = 400;
 8         options.url = "/_layouts/***.aspx?para=" + para;
 9 
10         SP.UI.ModalDialog.showModalDialog(options);
11     }
12 </script>

But how to pass these parameters,we can do it like this.

Suppose that we have a button,and we want to click it to show the special infomation,pass its ToolTip property to the parameter "para" and Text property to "title",we can add a "OnClick" event to this button,and write the following code to the code behind:

View Code

 1 protected void btn_OnClick(object sender, EventArgs e)
 2 {
 3     btn_Info_onclick(((Button)sender).ToolTip, ((Button)sender).Text, (Button)sender);
 4 }
 5 
 6 protected void btn_Info_onclick(string para, string title, Button btn)
 7 {
 8     // create ECMAScript to call the dialog function and pass the parameters
 9     var script = string.Format(@"ShowEmpInfo('{0}','{1}'); ", para, title);
10     // run the script
11     ScriptManager.RegisterStartupScript(btn.Page, this.GetType(), "onekey", script, true);
12 }