Linkbutton打开一个模态弹出窗口，但弹出窗口立即关闭

本文关键字：窗口 模态 一个 Linkbutton | 更新日期: 2023-09-27 18:14:17

我正在创建一个带有asp链接按钮的web部件，需要在模态弹出窗口中打开一个可配置的页面。

模态弹出窗口打开，但立即关闭。我放了href #，但是没有用

如果我检查生成的html是: 
<a id="ctl00_ctl38_g_69332c4e_2a87_4bb4_ad70_f7debbd14e91_LnkButton" onclick="OpenModalPopup('www.google.com', '800', '300' );" href="javascript:__doPostBack('ctl00$ctl38$g_69332c4e_2a87_4bb4_ad70_f7debbd14e91$LnkButton','')">

ascx或webpart文件

<script type="text/javascript">
    function OpenModalPopup(pageUrl, widthParameter, heightParameter) {
        var options = { url: pageUrl, width: widthParameter, height: heightParameter, showClose: true };
        SP.SOD.execute('sp.ui.dialog.js', 'SP.UI.ModalDialog.showModalDialog', options);
    }
</script>
<asp:LinkButton CssClass="pwcLinkButton" ID="LnkButton" runat="server" href="#"></asp:LinkButton>

cs 

using System;
using System.ComponentModel;
using System.Web.UI.WebControls.WebParts;
namespace xx.SP.xx.WebParts.VisualWebParts.LinkButton
{
    [ToolboxItemAttribute(false)]
    public partial class LinkButton : WebPart
    {
        private string _LinkText;
        private Uri _Link;
        private Boolean _OpenModal;
        private int _Width;
        private int _Height;
        [WebBrowsable(true), WebDisplayName("LinkText"), WebDescription("Text for the link"),
        Personalizable(PersonalizationScope.Shared), Category("xx- xx"),
        System.ComponentModel.DefaultValue("")]
        public string LinkText
        {
            get { return _LinkText; }
            set { _LinkText = value; }
        }
        [WebBrowsable(true), WebDisplayName("Link"), WebDescription("Link"),
        Personalizable(PersonalizationScope.Shared), Category("xx- xx"),
        System.ComponentModel.DefaultValue("")]
        public Uri Link
        {
            get { return _Link; }
            set { _Link = value; }
        }
        [WebBrowsable(true), WebDisplayName("OpenModal"), WebDescription("OpenModal"),
        Personalizable(PersonalizationScope.Shared), Category("xx - xx"),
        System.ComponentModel.DefaultValue("")]
        public Boolean OpenModal
        {
            get { return _OpenModal; }
            set { _OpenModal = value; }
        }
        [WebBrowsable(true), WebDisplayName("Width"), WebDescription("Width"),
        Personalizable(PersonalizationScope.Shared), Category("xx- xx"),
        System.ComponentModel.DefaultValue("")]
        public int WidthPopup
        {
            get { return _Width; }
            set { _Width = value; }
        }
        [WebBrowsable(true), WebDisplayName("Height"), WebDescription("Height"),
       Personalizable(PersonalizationScope.Shared), Category("xx- xx"),
       System.ComponentModel.DefaultValue("")]
        public int HeightPopup
        {
            get { return _Height; }
            set { _Height = value; }
        }
        // Uncomment the following SecurityPermission attribute only when doing Performance Profiling on a farm solution
        // using the Instrumentation method, and then remove the SecurityPermission attribute when the code is ready
        // for production. Because the SecurityPermission attribute bypasses the security check for callers of
        // your constructor, it's not recommended for production purposes.
        // [System.Security.Permissions.SecurityPermission(System.Security.Permissions.SecurityAction.Assert, UnmanagedCode = true)]
        public LinkButton()
        {
        }
        protected override void OnInit(EventArgs e)
        {
            base.OnInit(e);
            InitializeControl();
        }
        protected void Page_Load(object sender, EventArgs e)
        {
            if (LnkButton != null && Link !=null && LinkText != null)
            {
                LnkButton.Text = LinkText;
                if (OpenModal)
                {
                    LnkButton.Attributes.Add("onclick", "OpenModalPopup('" + Link.ToString() + "', '" + WidthPopup.ToString() + "', '" + HeightPopup.ToString() + "' );");
                }
                else
                {
                    LnkButton.Attributes.Remove("onclick");
                    LnkButton.PostBackUrl = Link.ToString();
                }
            }
        }
    }
}

Linkbutton打开一个模态弹出窗口，但弹出窗口立即关闭

把你的代码改成这样，看看是否有帮助:

LnkButton.Attributes.Add("onclick", "OpenModalPopup('" + Link.ToString() + "', '" + WidthPopup.ToString() + "', '" + HeightPopup.ToString() + "' ); return false;");

看起来不是你的弹出窗口关闭了，而是你的链接导致回发，所以页面刷新了。如果您的链接onclick处理函数返回false，它将被浏览器解释为取消链接，因此不会导致回发。所以把这一行改成:

LnkButton.Attributes.Add("onclick", "OpenModalPopup('" + Link.ToString() + "', '" + WidthPopup.ToString() + "', '" + HeightPopup.ToString() + "' ); return false;");

相关文章：