Question

我有一个用户控件，它以模态弹出窗口显示。

<ajt:ModalPopupExtender OkControlID="btnOk" runat="server"
                PopupControlID="pnlViewOrderItems" ID="mpxViewItems" TargetControlID="btnOk"
                BehaviorID="bhvIDViewProd" CancelControlID="ImgbtnCloseViewItems" />
            <asp:Panel ID="pnlViewOrderItems" runat="server" Style="display: none; padding: 0px;
                margin: 0px;" CssClass="mdlPopUp">
                <asp:ImageButton ID="ImgbtnCloseViewItems" Style="position: absolute; top: -15px;
                    right: -25px;" ImageUrl="~/Images/site/close.gif" runat="server" CausesValidation="false" />
                <div id="divOrderItems" runat="server" clientidmode="Static" style="overflow: auto;
                    padding: 0px">
                    <table cellpadding="8" cellspacing="0" width="100%">
                        <tr style="height: 5px; padding: 0px; margin: 0px;" class="mdlHdr" valign="top">
                            <td align="center" colspan="2">
                                <h3>
                                    <asp:Label ID="lblMdlHrd" runat="server"></asp:Label>
                                </h3>
                            </td>
                        </tr>
                        <tr>
                            <td style="padding: 20px; width: 100%" colspan="2">
                                <uc:CustomerOrderDetails ID="ucCustOrderDetails" runat="server" />
                            </td>
                        </tr>
                    </table>
                </div>
            </asp:Panel>

用户输入一些数据并单击一个按钮，单击要关闭模式弹出窗口的按钮。

protected void btnCloseModal_Click(object sender, EventArgs e)
{
    //Some code.
    ScriptManager.RegisterStartupScript(this.Page, this.Page.GetType(), "CloseModal", "CloseModal();", true);
}
function CloseModal() {
            debugger;
            $find('bhvIDViewProd').hide();
        }

但它没有关闭模态弹出窗口。谁能建议怎么做？

感谢。

Answer 1

您可以直接将OnCancelScript的JS函数与ModalPopupExtender相关联，然后您可以从中关闭模式弹出窗口，如下所示。您不需要在后面发布代码并触发JS函数。

<asp:ModalPopupExtender .... CancelControlID="ButtonCancel" OnCancelScript="CancelScript();"
</asp:ModalPopupExtender>

你的JavaScript功能

function CancelScript() {
     $find('bhvIDViewProd').hide();
}

单击模态内的按钮关闭模态弹出窗口

1 个答案: