回发后显示模型PopUp [英] Display Model PopUp after postback

问题描述

我有一个模型弹出窗口，其中有一个Button.When用户单击此按钮它将回发并将执行一些操作。但回帖后模型弹出窗口正在消失。

我想在回发后再次显示

代码隐藏我写了ModelPopup1.show（）;

但它不会显示在中心位置



请提供更好的方法在回发后显示modelpopup

我的代码是如下

// =======================

I have a model popup within a which a Button.When user click on this button it will post back and will perform some action. But after post back the model popup is disappearing.
I want show it again even after postback
for that in codebehind i wrote ModelPopup1.show();
but it will not display in the centre position

Please provide better method to display the modelpopup after postback
my code are as follows
//=======================

<form id="form1" runat="server">

    <asp:ScriptManager ID="ScriptManager1" runat="server">
    </asp:ScriptManager>
    <div>
    <div id="popupDiv" style="width:314px; height:267px; background-color:Yellow; text-align:centre; display:none">

        <asp:Button ID="BtnPostBack" runat="server" Text="PostBack"

            onclick="BtnPostBack_Click" /><br />
        <asp:Label ID="Label1" runat="server"></asp:Label><br />
        <asp:Button ID="btnclose" runat="server" Text="Close" />



    </div>


     <cc1:ModalPopupExtender ID="ModalPopupExtender1" runat="server"

     CancelControlID="btnclose" Enabled="True" PopupControlID="popupDiv" TargetControlID="btnOpenPopup">
    </cc1:ModalPopupExtender>


        <asp:Button ID="btnOpenPopup" runat="server" Text="Click to Display Popup" />


    </div>
    </form>

推荐答案

试试这些



ASP.NET AJAX控件工具包：显示ModalPopup，然后执行PostBack [ ^ ]



使用AJAX的模态对话框 [ ^ ]



带有PostBack和设置焦点的ModalPopup扩展器 [ ^ ]

Try these

ASP.NET AJAX Control Toolkit: Show a ModalPopup and then do PostBack[^]

Modal Dialog Boxes with AJAX[^]

ModalPopup Extender with PostBack and Set Focus[^]

通常使用回发ModalPopup获取禁用或不可见。你必须写ModalPopup1.Show（）;你希望展示的方法。你可以在你的程序中设置一个计数器，并在模态弹出窗口内的一个按钮，你可以增加它的值，在页面加载，你可以检查它的值是否没有增加，然后Modalpopup1.Show（）;

这个问题是解决浮动div。你也可以尝试浮动div而不是modalpopup。它执行相同的操作。

Generally with postback ModalPopup get disable or invisible. You have to write ModalPopup1.Show(); Method after which u wants to show. you can set a counter in your program and against a button inside modal popup you can increse its value and in pageload you can check if its value is not incremented then Modalpopup1.Show();
This problem is solved in floating div. you can try floating div also inplace of modalpopup. It performs the same operation.

我得到了一个很好的解决方案 - 在ModalPopupExtender外面放一个按钮并通过javascript提交按钮并将java脚本代码放在okscript（）内;外部按钮导致回发。



< asp：modalpopupextender id =mpeSaverunat =serverbackgroundcssclass =ModalPopupBGxmlns：asp =＃unknown>

BehaviorID =mpebSaveCancelControlID =btnPopupNoDropShadow =TrueOkControlID =btnPopupYes

OnCancelScript =hidePanel（''C''）OnOkScript =hidePanel（ '' Y ''）; PopupControlID =pnlOverlaySave

TargetControlID =pnlOverlaySave>





< asp：panel id =pnlOverlaySaverunat =serverhorizo​​ntalalign =Leftstyle =display：nonexmlns：asp =＃unknown>

Width =330px>

i got a good solution- put a button outside the ModalPopupExtender and submit the button by javascript and put java script code inside the okscript();Outside button cause postback.

<asp:modalpopupextender id="mpeSave" runat="server" backgroundcssclass="ModalPopupBG" xmlns:asp="#unknown">
BehaviorID="mpebSave" CancelControlID="btnPopupNo" DropShadow="True" OkControlID="btnPopupYes"
OnCancelScript="hidePanel(''C'')" OnOkScript="hidePanel(''Y'');" PopupControlID="pnlOverlaySave"
TargetControlID="pnlOverlaySave">


<asp:panel id="pnlOverlaySave" runat="server" horizontalalign="Left" style="display: none" xmlns:asp="#unknown">
Width="330px">

行动状态：

Action Status:

<％ - 内容将在这里 - ％> ;

< asp：label id =lblPopupSaveMessagerunat =serverfont-bold =Truefont-names =Tahoma，Arial>

字体大小=小ForeColor =＃0063FF>

<%--The content will go here--%>
<asp:label id="lblPopupSaveMessage" runat="server" font-bold="True" font-names=" Tahoma, Arial">
Font-Size="Small" ForeColor="#0063FF">

< asp：button id =btnPopupYesrunat =server text =是width =90pxonclick =btnPopupYes_Click>



type =buttonvalue =No/>

<asp:button id="btnPopupYes" runat="server" text="Yes" width="90px" onclick="btnPopupYes_Click">

type="button" value="No" />

< asp：button id =btnResetrunat =servertext =Resetonclick =btnReset_Clickxmlns：asp =＃unknown>





函数hidePanel（var1）{

window。

<asp:button id="btnReset" runat="server" text="Reset" onclick="btnReset_Click" xmlns:asp="#unknown">


function hidePanel(var1) {
window.

这篇关于回发后显示模型PopUp的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！