Modal Popup Ajax Extender不能正常工作 [英] Modal Popup Ajax Extender is not working

问题描述

<%@ Page Language="C#" MasterPageFile="~/Main.Master" AutoEventWireup="true" CodeBehind="Menu.aspx.cs" Inherits="UserPanel.Menu" Title="Untitled Page" %>

<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="asp" %>

<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
<style type="text/css">
    .modalBackground
    {
        background-color: Black;
        filter: alpha(opacity=90);
        opacity: 0.8;
    }
    .modalPopup
    {
        background-color: #FFFFFF;
        border-width: 3px;
        border-style: solid;
        border-color: black;
        padding-top: 10px;
        padding-left: 10px;
        width: 300px;
        height: 140px;
    }
</style>


  <asp:ScriptManager ID="ScriptManager1" runat="server"/>	          
                <div class="row">
                    <div class="col-md-12">
                        <h1 class="page-head-line">Menu</h1>
                        <h1 class="page-subhead-line">Select Your Menu !</h1>

                    </div>
                </div>
                
                <!-- /. ROW  -->
                <div class="row">
            
               <div class="panel panel-info">
                        <div class="panel-heading">
                           *You Can Place On Order at a Time !
                        </div>
                      
                        <div align="center">
<asp:LinkButton ID="LB_Sheesha"  runat="server">Order Normal Shesha <br />
 <asp:LinkButton ID="LB_Special" runat="server">Order Special Shesha
                        </div>
                      
      </div>
    <asp:Panel ID="Panel1" runat="server" visible=false  >
               
      <table>
      <tr>
      <td>
          <asp:Label ID="Label1" runat="server" Text="Label"> Select Flavour
      
      </td>      
      <td>
      
          <asp:DropDownList ID="Drop_nsheesha" runat="server">
          
          
      </td>      
     </tr></table>
     
    <asp:Button ID="B_Next" class="btn btn-info" runat="server" Text="Next" />
   <asp:Button ID="B_Cancel" class="btn btn-info" runat="server" Text="Cancel" /> 
                            
     
     </div>
     
    <asp:ModalPopupExtender ID="ModalPopupExtender2" runat="server"

      TargetControlID="LB_Sheesha" PopupControlID="Panel1" DropShadow="true" 

        OkControlID="B_Next"  CancelControlID = "B_Cancel" 

        OnOkScript="onOK()" BackgroundCssClass="modalBackground" 

        oncancelscript="Are You Sure ? " 

                      >

推荐答案

更改Panel1 visible = false 改为 style =display：none



参考下文：

ASP.NET AJAX控件工具包ModalPopupExtender控件在行动 [ ^ ]

change "Panel1" visible=false to style="display: none"

refer below article:
ASP.NET AJAX Control Toolkit ModalPopupExtender Control in Action[^]

1.The tagprefix 不应该是asp，因为asp是为系统ASPX控件保留的。



2.您似乎忘记提供所有ASPX代码，因为您的ModalPopupExtender控件未正确关闭。



3.您可以在我的下一篇文章中找到关于正确使用Modal Popup Extender的示例：高级ASPX GridView分页和数据实体 [ ^ ]

1.The tagprefix used by you in "@Register" directive should not be "asp", because "asp" is reserved for system ASPX controls.

2.It seems that you forgot to provide all ASPX code, because your "ModalPopupExtender" control is not closed properly.

3.You can find example about the correct using of the Modal Popup Extender in my next article: Advanced ASPX GridView Pagination and Data Entities[^]

这篇关于Modal Popup Ajax Extender不能正常工作的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！