0

私は JavaScript で ModalPopup を開こうとしています。ここで stackoverflow を検索しましたが、一般的なアドバイスは次のようなものを使用するようです:

$('#inputAdd').live("click", function () {
    $('#addRow').show();
    $find('<%=mpeIndications.BehaviorID %>').show();
});

#inputAdd は、ModalPopup にある html 入力画像です。その目的は、TextBox が表示される行 (#addRow) を表示することです。ただし、#inputAdd ボタンをクリックすると、行が表示されますが、ModalPopup が非表示になります。その理由は、ModalPopup を含む UpdatePanel があるためだと思います。その場合、どれが解決策になるでしょうか?私が持っているコードの一部を .ascx に入れました。ありがとう。

<table class="content-box">
    <tr>
        <td valign="top">
             <asp:UpdatePanel runat="server" ID="upAppointments">
                  <ContentTemplate>
                        <table>
                            <tr>
                                <td>
                                    <asp:Button runat="server" ID="btnIndicationsHidden" Style="display: none;" />
                                    <asp:Panel runat="server" ID="pnlIndications" CssClass="modalPanel" Style="display: none;">
                                    <table class="content-box">
                                        <tr>
                                           <td>
                                               <table style="width: 100%;">
                                                    <tr>
                                                        <td>
                                                           <asp:Panel runat="server" ID="pnlShowCurrentIndication" Style="padding: 13px 8px 8px 8px">
                                                                <table style="width: 100%; border: 0;">
                                                                <tr>
                                                                    <td style="width: 30%; vertical-align: top;" rowspan="2">
                                                                        <asp:RadioButtonList runat="server" ID="gvProfiles" OnDataBound="gvProfiles_DataBound"
                                                                            DataTextField="Name" DataValueField="Id" Style="white-space: nowrap;" />
                                                                    </td>
                                                                    <td style="padding-left: 10px;" class="contentBox">
                                                                        <table style="width: 100%;">
                                                                            <tbody id="showTable">
                                                                                <tr>
                                                                                    <td id="indicacionestd" runat="server">
                                                                                        Indicaciones:
                                                                                    </td>
                                                                                </tr>
                                                                                <tr>
                                                                                    <td>
                                                                                        <asp:BulletedList ID="blIndicaciones" DataTextField="Valor" runat="server">
                                                                                        </asp:BulletedList>
                                                                                    </td>
                                                                                </tr>
                                                                                <tr>
                                                                                    <td id="contraindicacionestd" runat="server">
                                                                                        Contraindicaciones:
                                                                                    </td>
                                                                                </tr>
                                                                                <tr>
                                                                                    <td>
                                                                                        <asp:BulletedList ID="blContraindicaciones" DataTextField="Valor" runat="server">
                                                                                        </asp:BulletedList>
                                                                                    </td>
                                                                                </tr>
                                                                            </tbody>
                                                                            <tbody style="display: none;" id="addRow">
                                                                                <tr>
                                                                                    <td style="text-align: left; white-space: nowrap;" class="colSepGran">
                                                                                        Nombre:
                                                                                    </td>
                                                                                </tr>
                                                                                <tr class="filSepGranRA">
                                                                                    <td class="colSepGran">
                                                                                        <asp:TextBox runat="server" ID="txbName" CssClass="txtNoWidth" Width="150px" ToolTip="Especifique el nombre del perfil"></asp:TextBox>
                                                                                        <act:FilteredTextBoxExtender runat="server" ID="ftbeName" FilterMode="ValidChars"
                                                                                            FilterType="UppercaseLetters, LowercaseLetters, Custom" TargetControlID="txbName"
                                                                                            ValidChars="ñ Ñ ' á é í ó ú Á É Í Ó Ú ü Ü ." />
                                                                                    </td>
                                                                                </tr>
                                                                            </tbody>
                                                                        </table>
                                                                    </td>
                                                                </tr>
                                                                <tr>
                                                                    <td style="text-align: center; vertical-align: middle;">
                                                                        <table style="width: 100%;">
                                                                            <tr>
                                                                                <td>
                                                                                    &nbsp;
                                                                                </td>
                                                                                <td>
                                                                                    <input type="image" src="../../App_Themes/Theme/Images/AppIcons/add.png/" id="inputAdd"
                                                                                        title="Adicionar perfil">
                                                                                </td>
                                                                                <td>
                                                                                    <input type="image" src="../../App_Themes/Theme/Images/AppIcons/add_document.png"
                                                                                        id="inputAddSimple" title="Adicionar indicación" />
                                                                                </td>
                                                                                <td>
                                                                                    <input type="image" src="../../App_Themes/Theme/Images/AppIcons/edit.png" id="inputEdit"
                                                                                        title="Editar perfil" />
                                                                                </td>
                                                                                <td>
                                                                                    <asp:ImageButton runat="server" ID="imbRemoveProfile" ToolTip="Eliminar perfil" ImageUrl="~/App_Themes/Theme/Images/AppIcons/delete.png" />
                                                                                </td>
                                                                                <td>
                                                                                    &nbsp;
                                                                                </td>
                                                                            </tr>
                                                                        </table>
                                                                    </td>
                                                                </tr>
                                                                <tr>
                                                                    <td colspan="2">
                                                                    </td>
                                                                </tr>
                                                            </table>
                                                        </asp:Panel>
                                                    </td>
                                                </tr>
                                            </table>
                                        </td>
                                    </tr>
                                </table>
                            </asp:Panel>
                            <act:ModalPopupExtender ID="mpeIndications" runat="server" PopupControlID="pnlIndications"
                                BackgroundCssClass="modalBackground" TargetControlID="btnIndicationsHidden" CancelControlID="imbCloseIndications"
                                BehaviorID="mpeIndications">
                            </act:ModalPopupExtender>
                        </td>
                    </tr>
                        </table>
                  </ContentTemplate>
             </asp:UpdatePanel>
        </td>
    </tr>
</table>
4

2 に答える 2

0

次に、このアプローチを試してください。

ModalPopup Extender がアタッチする隠しリンクを追加します (これは決して使用されません)。

<a href="#" style="display:none;visibility:hidden;" 
   onclick="return false" ID="dummyLink" runat="server">dummy</a>

非表示リンクの ID をModalPopupExtender

<act:ModalPopupExtender ID="mpeIndications" runat="server" PopupControlID="pnlIndications"
     BackgroundCssClass="modalBackground" 
     TargetControlID="dummyLink" 
     CancelControlID="imbCloseIndications"
     BehaviorID="mpeIndications">

モーダル ポップアップの表示

$find('MyMPE').show();

http://www.geekzilla.co.uk/View38736C2B-BAD3-418A-A5B0-DAC4F1A5A83A.htm

于 2012-04-14T23:57:08.470 に答える
0

Jqueryを使用したモデルダイアログAsp.Net

于 2012-04-15T04:17:04.257 に答える