如何在asp.net中编写Modal弹出窗口 [英] How to code Modal popup in asp.net

问题描述

我有一个使用asp.net的弹出模式，它确实出现但是当我点击btnOkay而不是导航到

 OnClick =   btnOkay_Click 

它什么都不做



这是我的代码

< div> 
< asp：scriptmanager id =   ScriptManager1 runat =   server >  
 < /   asp：scriptmanager  >  
 
 
 
< cc1：modalpopupextender id =   ModalPopupExtender1 runat =   server 
 cancelcontrolid =   btnCancel okcontrolid =   btnOkay 
 targetcontrolid =   btnVote popupcontrolid =   Panel1 
 popupdraghan dlecontrolid =   PopupHeader drag =   true 
 backgroundcssclass =   ModalPopupBG >  
 < /   cc1：modalpopupextender  >  
 
< asp：Panel ID =   Panel1样式=   display：none;  runat =   server >  
< div  class  =   HellowWorldPopup >  
< div  class  =   PopupHeader id =   PopupHeader >  
< ; h3>投票前阅读！< /   h3   >  
 < /   div  >  
< div 类 =   PopupBody >  
< p>您确定要继续< /   p  >  
 < /   div  >  
 
< div  class  =  控制 >  
 
 
< asp：按钮ID =   btnOkay OnClick =   btnOkay_Click runat =   server Text =  同意 / > 
< asp：按钮ID =   btnCancel runat =   server Text =  拒绝 /> 
 
 < /   div   >  
 
 < /   div  >  
 < /   asp：Panel  >  
 < /   div  >  

这是我的

 OnClick =   btnOkay_Click 

code

 受保护  void  btnOkay_Click（< span class =code-keyword> object  sender，EventArgs e）
 {
 
  string  sql = <跨度cl ass =code-string>  SELECT * FROM STUDENT WHERE Student_Number =' + Session [   name]。ToString（）+  '; 
 SqlConnection conn =  new  SqlConnection（ConnString）; 
 SqlCommand cmd =  new  SqlCommand（sql，conn）; 
  if （conn.State == ConnectionState.Closed）
 {
 conn.Open（）; 
} 
 DataTable dt =  new  DataTable（）; 
 
 SqlDataAdapter adapter =  new  SqlDataAdapter（cmd）; 
 
 adapter.Fill（dt）; 
 
  if （dt.Rows [ 0 ] [  Student_Nationality]。ToString（）==  南非&& dt.Rows [ 0 ] [   Student_Accomodation]。ToString（）==  在校园里）
 {
 Response.Redirect（ 〜 /VoteGeneral.aspx）; 
} 
 
  else   if （dt.Rows [ 0 ] [  Student_Nationality]。ToString（ ）==  南非&& dt.Rows [ 0 ] [  Student_Accomodation]。ToString（）==  校外）
 {
 Response.Redirect（ 〜/ VoteOppidani.aspx）; 
} 
  else   if （dt.Rows [ 0 ] [  Student_Nationality]。ToString（）== < span class =code-string>  Non South Afircan&& dt.Rows [ 0 ] [  Student_Accomodation]。ToString（）==  校园）
 {
 Response.Redirect（ 〜/ VoteInternational.aspx）; 
} 
  else   if （dt.Rows [ 0 ] [  Student_Nationality]。ToString（）== < span class =code-string>  Non South Afircan&& dt.Rows [ 0 ] [  Student_Accomodation]。ToString（）==   Off Campus）
 {
 Response.Redirect（ 〜/ Vote.aspx）; 
} 
  else  
 {
 Response.Write（ 抱歉，你不能投票）; 
} 
} 
 

解决方案

似乎OK或CANCEL按钮的点击事件modalpopupextender不会被解雇。



尝试删除：

 okcontrolid =btnOkay<来自modalpopupextender的$ b $ p> 
 
 
 
并检查它是否有效。

I have a popup modal using asp.net and it does appear but when i click btnOkay instead of navigating to

OnClick="btnOkay_Click"

it do nothing

Here is my code

<div>
        <asp:scriptmanager id="ScriptManager1" runat="server">
</asp:scriptmanager>



<cc1:modalpopupextender id="ModalPopupExtender1"  runat="server" 
	cancelcontrolid="btnCancel" okcontrolid="btnOkay" 
	targetcontrolid="btnVote" popupcontrolid="Panel1" 
	popupdraghandlecontrolid="PopupHeader" drag="true" 
	backgroundcssclass="ModalPopupBG">
</cc1:modalpopupextender>

        <asp:Panel ID="Panel1" Style="display: none;" runat="server">
            <div class="HellowWorldPopup">
                <div class="PopupHeader" id="PopupHeader">
                    <h3>Read before you vote!</h3>
                </div>
                <div class="PopupBody">
                    <p>Are you sure you wanna procede</p>
                </div>

                <div class="Controls">
                      
                    
                    <asp:Button ID="btnOkay" OnClick="btnOkay_Click" runat="server" Text="Agree" />
                    <asp:Button ID="btnCancel" runat="server" Text="Decline" />

                </div>

            </div>
        </asp:Panel>
    </div>

Here is my

OnClick="btnOkay_Click"

code

protected void btnOkay_Click(object sender, EventArgs e)
   {

       string sql = "SELECT * FROM STUDENT WHERE Student_Number = '" + Session["name"].ToString() + "'";
       SqlConnection conn = new SqlConnection(ConnString);
       SqlCommand cmd = new SqlCommand(sql, conn);
       if (conn.State == ConnectionState.Closed)
       {
           conn.Open();
       }
       DataTable dt = new DataTable();

       SqlDataAdapter adapter = new SqlDataAdapter(cmd);

       adapter.Fill(dt);

       if (dt.Rows[0]["Student_Nationality"].ToString() == "South African" && dt.Rows[0]["Student_Accomodation"].ToString() == "On Campus")
       {
           Response.Redirect("~/VoteGeneral.aspx");
       }

       else if (dt.Rows[0]["Student_Nationality"].ToString() == "South African" && dt.Rows[0]["Student_Accomodation"].ToString() == "Off Campus")
       {
           Response.Redirect("~/VoteOppidani.aspx");
       }
       else if (dt.Rows[0]["Student_Nationality"].ToString() == "Non South Afircan" && dt.Rows[0]["Student_Accomodation"].ToString() == "On Campus")
       {
           Response.Redirect("~/VoteInternational.aspx");
       }
       else if (dt.Rows[0]["Student_Nationality"].ToString() == "Non South Afircan" && dt.Rows[0]["Student_Accomodation"].ToString() == "Off Campus")
       {
           Response.Redirect("~/Vote.aspx");
       }
       else
       {
           Response.Write("Sorry You can not vote");
       }
   }

解决方案

It seems that the click event of OK or CANCEL button's of modalpopupextender does not get fired.

Try removing the :

okcontrolid="btnOkay"

from modalpopupextender and check if it works.

这篇关于如何在asp.net中编写Modal弹出窗口的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！