首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >AJAX ModalPopup不显示

AJAX ModalPopup不显示
EN

Stack Overflow用户
提问于 2013-12-18 04:20:03
回答 1查看 1.1K关注 0票数 0

我似乎无法显示Modal弹出窗口。使用下面的代码,显示器变得模糊,但没有窗口显示。

代码语言:javascript
复制
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="AjaxToolkit" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
</head>
<body>
    <form id="form1" runat="server">
    <div>     
        <asp:Button ID="btnShow" runat="server" Text="Open ModalPopup" OnClientClick="return ShowModalPopup('modal');" />    
        <ajaxToolkit:ModalPopupExtender runat="server" ID="modal" BackgroundCssClass="darken" 
                            CancelControlID="btnCancel" PopupControlID="pnl" TargetControlID="btnShow" />
        <asp:Panel ID="pnl" runat="server" style="width:55%;display:none;">
            <h1>You can now see me!</h1>
            <p>"Lorem ipsum dolor sit amet, consectetur adipisicing elit, 
            sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. 
            Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris 
            nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in 
            reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla 
            pariatur. Excepteur sint occaecat cupidatat non proident, sunt in 
            culpa qui officia deserunt mollit anim id est laborum."</p>
            <asp:Button ID="btnCancel" runat="server" Text="Close" />
      </asp:Panel>
      <asp:ScriptManager ID="ScriptManager1" runat="server"/>


    </div> 
    </form>            
</body>
</html>



<script type="text/javascript">
    function ShowModalPop(PopupExtenderID) {
        var ModalPopWindowShow = $find(PopupExtenderID);

        if (ModalPopWindowShow) {
            ModalPopWindowShow.show();
        }

        return false;
    }
</script>

代码隐藏:

代码语言:javascript
复制
protected void Page_Load(object sender, EventArgs e)
        {
            _grid.DataSource = BuildList();
            _grid.DataBind();
        }

        private List<EntityPerson> BuildList()
        {
            ...
        }

        protected override void OnInit(EventArgs e)
        {
            base.OnInit(e);
            btnShow.Click +=new EventHandler(btnShow_Click);
        }

        protected void btnShow_Click(object sender, EventArgs e)
        {
            Button btnShow = sender as Button;
            ScriptManager.RegisterStartupScript(btnShow, btnShow.GetType(), "Popup", "return ShowModalPopup('modal');", true);
        }

非常感谢您的帮助。如果有另外一种用AJAX显示弹出窗口的方法,我也会很感激。我只需要能够在用户单击网格中的单元格时在模式窗口中显示单元格内容。

EN

回答 1

Stack Overflow用户

发布于 2013-12-19 02:28:37

我换掉了

代码语言:javascript
复制
<asp:ScriptManager ID="ScriptManager1" runat="server"/>

使用

代码语言:javascript
复制
<ajaxToolkit:ToolkitScriptManager ID="ajaxSM" runat="server" />

我把弹出窗口展示出来了。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/20643869

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档