弹出对话框的同时保持页面的显示

【IT168 技术资源】

 

　　在ASP.NET中，用后台代码中弹出对话框，一般的解决办法都是用Response.Write写一段脚本代码来弹出对话框，可问题是当对话框弹出后，页面却一片空白。这里讲述的办法就是在弹出对话框的同时保持页面的显示。

 

　　 【原理】

 

　　在页面上放置一隐藏控件，并在页面最后放上一段脚本代码，脚本代码检测隐藏控件的value是否为空，若不为空则弹出对话框显示信息，否则什么也不做。

 

　　后台代码在需要的时候修改隐藏控件的value，这样当页面传到用户那时，最后的脚本代码将执行并弹出对话框。

 

　　 【注意事项】

 

　　（1）隐藏控件必须是HTML控件，否则JavaScript无法找到。
　　（2）后台代码要修改隐藏控件的值，隐藏控件自然得加上runat=”server” 标记。
　　（3）在弹出对话框后，记得把隐藏控件的value置空，否则刷新的时候又会弹出来了。
　　（4）脚本代码一定得放在隐藏控件的后面，否则同样找不到。

 

　　 【实现】

 

页面代码（例子中只列出Body段代码）

 

  
    



   
     
 
        
      < 
      body MS_POSITIONING 
      = 
      " 
      GridLayout 
      " 
      > 
         
      < 
      form id 
      = 
      " 
      Form1 
      " 
       method 
      = 
      " 
      post 
      " 
       runat 
      = 
      " 
      server 
      " 
      > 
        
      < 
      asp:TextBox id 
      = 
      " 
      manuInput 
      " 
       runat 
      = 
      " 
      server 
      " 
      ></ 
      asp:TextBox 
      > 
        
      < 
      asp:Button id 
      = 
      " 
      Button1 
      " 
       runat 
      = 
      " 
      server 
      " 
       Text 
      = 
      " 
      对话框 
      " 
      ></ 
      asp:Button 
      > 
        
      < 
      INPUT id 
      = 
      " 
      passTxt 
      " 
       type 
      = 
      " 
      hidden 
      " 
       runat 
      = 
      " 
      server 
      " 
      ><! 
      —隐藏控件 
      -> 
        
      </ 
      form 
      > 
         
      < 
      script language 
      = 
      javascript 
      > 
        
      if 
      ( document.all( 
      " 
      passTxt 
      " 
      ).value 
      != 
      "" 
       )  
      ... 
      { alert( document.all("passTxt").value ); document.all("passTxt").value=""; //这句可不能掉哟！  } 
        
      </ 
      script 
      > 
         
      </ 
      body 
      > 
        后台代码（例子中只列出Button1的响应事件）   
      private 
        
      void 
       Button1_Click( 
      object 
       sender, System.EventArgs e)  
      ... 
      { passTxt.Value = manuInput.Text; } 
        
     


  
    

　　其实这个方法很简单，不过却很有效，你可以写一个函数showDialog(string str),然后在后台代码中任何需要的地方调用以弹出对话框。

 

　　此外，你还可以把alert换成showModelDialog(),以弹出功能更丰富，界面更漂亮的窗口。

 

　　最后，必须得说明的是，这个方法的思想可以用来在脚本和后台代码之间传递信息，在Web Application中就是这样做，效果还不错。