（转载）asp.net 下 使用 showModalDialog 模式窗口



经历些许破折... 终于搞出来 模式窗体了... 留作纪念...

①  页面放置 GirdView 控件 用来展示信息列表

页面截图:  (操作列中的 "回复" 是个 超链接..点击之后打开模式窗口.并且传值过去)

页面源代码

 

页面源代码

   
   

    
     1 
    
    <
    
    asp:GridView 
    
    ID
    
    ="gvnotReturn"
    
     runat
    
    ="server"
    
     AutoGenerateColumns
    
    ="False"
    
     AllowPaging
    
    ="True"
    
    

    
     2 
    
    BackColor
    
    ="White"
    
     BorderColor
    
    ="#999999"
    
     BorderStyle
    
    ="None"
    
     BorderWidth
    
    ="1px"
    
    

    
     3 
    
    CellPadding
    
    ="3"
    
     GridLines
    
    ="Vertical"
    
     OnPageIndexChanging
    
    ="gvnotReturn_PageIndexChanging1"
    
    

    
     4 
    
    PageSize
    
    ="5"
    
     Width
    
    ="100%"
    
    >
    
    

    
     5 
    
     
    
    <
    
    RowStyle 
    
    BackColor
    
    ="#EEEEEE"
    
     ForeColor
    
    ="Black"
    
     
    
    />
    
    

    
     6 
    
     
    
    <
    
    Columns
    
    >
    
    

    
     7 
    
     
    
    <
    
    asp:TemplateField 
    
    HeaderText
    
    ="选择"
    
    >
    
    

    
     8 
    
     
    
    <
    
    ItemTemplate
    
    >
    
    

    
     9 
    
     
    
    <
    
    asp:CheckBox 
    
    ID
    
    ="cbno"
    
     runat
    
    ="server"
    
     
    
    />
    
    

    
    10 
    
     
    
    </
    
    ItemTemplate
    
    >
    
    

    
    11 
    
     
    
    <
    
    ItemStyle 
    
    Width
    
    ="30px"
    
     
    
    />
    
    

    
    12 
    
     
    
    </
    
    asp:TemplateField
    
    >
    
    

    
    13 
    
     
    
    <
    
    asp:TemplateField 
    
    HeaderText
    
    ="编号"
    
    >
    
    

    
    14 
    
    
    
    <
    
    ItemTemplate
    
    >
    
    

    
    15 
    
    
    
    <
    
    asp:Label 
    
    ID
    
    ="lblId"
    
     runat
    
    ="server"
    
     Text
    
    ='<%# 
    
    Eval("gid") %
    
    >
    
    '>
    
    </
    
    asp:Label
    
    >
    
    

    
    16 
    
    
    
    </
    
    ItemTemplate
    
    >
    
    

    
    17 
    
    
    
    <
    
    ItemStyle 
    
    Width
    
    ="40px"
    
     HorizontalAlign
    
    ="Center"
    
     
    
    />
    
    

    
    18 
    
    
    
    </
    
    asp:TemplateField
    
    >
    
    

    
    19 
    
    
    
    <
    
    asp:TemplateField 
    
    HeaderText
    
    ="标题"
    
    >
    
    

    
    20 
    
    
    
    <
    
    ItemTemplate
    
    >
    
    

    
    21 
    
    
    
    <
    
    asp:Label 
    
    ID
    
    ="Label1"
    
     runat
    
    ="server"
    
     Text
    
    ='<%# 
    
    Eval("gTitle") %
    
    >
    
    '>
    
    </
    
    asp:Label
    
    >
    
    

    
    22 
    
    
    
    </
    
    ItemTemplate
    
    >
    
    

    
    23 
    
    
    
    </
    
    asp:TemplateField
    
    >
    
    

    
    24 
    
    
    
    <
    
    asp:TemplateField 
    
    HeaderText
    
    ="留言日期"
    
    >
    
    

    
    25 
    
    
    
    <
    
    ItemTemplate
    
    >
    
    

    
    26 
    
    
    
    <
    
    asp:Label 
    
    ID
    
    ="Label2"
    
     runat
    
    ="server"
    
     Text
    
    ='<%# 
    
    Eval("gPubDate") %
    
    >
    
    '>
    
    </
    
    asp:Label
    
    >
    
    

    
    27 
    
    
    
    </
    
    ItemTemplate
    
    >
    
    

    
    28 
    
    
    
    <
    
    ItemStyle 
    
    Width
    
    ="120px"
    
     HorizontalAlign
    
    ="Center"
    
     
    
    />
    
    

    
    29 
    
    
    
    </
    
    asp:TemplateField
    
    >
    
    

    
    30 
    
    
    
    <
    
    asp:TemplateField 
    
    HeaderText
    
    ="操作"
    
    >
    
    

    
    31 
    
    
    
    <
    
    ItemTemplate
    
    >
    
    

    
    32 
    
    
    
    <
    
    a 
    
    href
    
    ="javascript:showModalDialog('ansmsg.aspx?id=<%#Eval("
    
    gid")%
    
    >
    
    ');window.location.reload()">

    
    33 
    
    回复
    
    </
    
    a
    
    >
    
    

    
    34 
    
    
    
    </
    
    ItemTemplate
    
    >
    
    

    
    35 
    
    
    
    <
    
    ItemStyle 
    
    Width
    
    ="50px"
    
     HorizontalAlign
    
    ="Center"
    
     
    
    />
    
    

    
    36 
    
    
    
    </
    
    asp:TemplateField
    
    >
    
    

    
    37 
    
    
    
    </
    
    Columns
    
    >
    
    

    
    38 
    
    
    
    <
    
    FooterStyle 
    
    BackColor
    
    ="#CCCCCC"
    
     ForeColor
    
    ="Black"
    
     
    
    />
    
    

    
    39 
    
    
    
    <
    
    PagerStyle 
    
    BackColor
    
    ="#999999"
    
     ForeColor
    
    ="Black"
    
     HorizontalAlign
    
    ="Center"
    
     
    
    />
    
    

    
    40 
    
    
    
    <
    
    SelectedRowStyle 
    
    BackColor
    
    ="#008A8C"
    
     Font-Bold
    
    ="True"
    
     ForeColor
    
    ="White"
    
     
    
    />
    
    

    
    41 
    
    
    
    <
    
    HeaderStyle 
    
    BackColor
    
    ="#000084"
    
     Font-Bold
    
    ="True"
    
     ForeColor
    
    ="White"
    
     
    
    />
    
    

    
    42 
    
    
    
    <
    
    AlternatingRowStyle 
    
    BackColor
    
    ="#DCDCDC"
    
     
    
    />
    
    

    
    43 
    
    
    
    </
    
    asp:GridView
    
    >
   
   

 

 

源代码解释:

 

  
  

   
   <
   
   a 
   
   href
   
   ="javascript:showModalDialog('ansmsg.aspx?id=<%#Eval("
   
   gid")%
   
   >
   
   ');window.location.reload()">
    回复
   
   </
   
   a
   
   >
  
  

 

 

很普通的一个页面指向链接.. 传参数ID 过去...  后便添加了 window.location.reload() 

这个 window.location.reload() 的意思是 .. 模式窗体关闭之后刷新父页面 

 

ansmsg.aspx   就是要弹出来的 模式窗体咯..

在 ansmsg.aspx  页面添加如下代码:

 

 

  
  

   
    
   
   protected
   
    
   
   void
   
    Page_Load(
   
   object
   
    sender, EventArgs e)
    {
        Response.Expires 
   
   =
   
    
   
   0
   
   ;    }
  
  

这个意思是  禁止 模式窗体页面缓存..

如果不这样做的话... 地址栏ID不变.. 内容也不会变..

就比如..我的功能是这样的.. 如图:

这样的情况下..如果不添加禁止页面缓存..我需要回复 留言版信息..   重新从 "回复" 链接打开的模式窗体..内容是不会变的.. 即使数据库中已经更新了...

 

 

如果这个页面紧紧是展示信息..而没有提交按钮...我想这样做已经OK 了...

但是我这个模式窗体有个 提交按钮..意思就是说我需要回发数据回去..

这个时候就出现一个问题....

当点击了 提交按钮之后... 这个模式窗体  会在新页面打开...

失去了模式窗体的意义...

这个不太好...但是怎么解决呢?

方法很简单..

在 作为模式窗体弹出的 那个页面 页面源代码中添加如下代码..

 

  
  

   
   </
   
   head
   
   >
   
   

   
   <
   
   base 
   
   target
   
   ="_self"
   
    
   
   />
   
   

   
   <
   
   body
   
   >
  
  

到这里...一切OK /./.大功告成.... 感谢各位看客...