从两个不同的按钮打开单个弹出窗口

时间:2011-11-21 08:38:40

标签: asp.net ajax modalpopupextender

我有两个不同的按钮,即保存和更新。我想打开两个按钮的单个弹出窗口,然后我该怎么办呢。如果弹出窗口在保存按钮上打开,则单击然后当它关闭时,它应该指向OnClick_save()按钮事件,如果它从更新按钮打开,则在弹出窗口中,它应该指向OnClick_Update()按钮点击事件。

我该怎么办? 这是我的代码

<tr>
<td>
<table id="tblButton" runat="server">
   <tr>
       <td>
            <asp:Button ID="btnAdd" runat="server" Text="Add" Visible="false"  />
      &nbsp;<asp:Button ID="btnUpdate" runat="server" Text="Update" Visible="false" />&nbsp;<asp:Button ID="btnDelete" runat="server" Text="Delete" Visible="false" />
      &nbsp;<asp:Button ID="btnTargetButton" runat="server" Text="PopUpTarget" Visible="false" />
       </td>
   </tr>
 </table>
</td>
            </tr>
        </table>
    </td>
</tr>
<cc1:ModalPopupExtender ID="ModalPopupExtenderSave" runat="server"    TargetControlID="btnTargetButton" PopupControlID="passwordPopUp" DropShadow="true"   PopupDragHandleControlID="header" BackgroundCssClass="modalBackground" BehaviorID="ModalPopupExtenderSave" />

</table>
<asp:Panel ID="passwordPopUp" runat="server" Style="display: none; padding: 10px;
border: 1px; border-style: solid;" BackColor="#91C83B" Width="300px"   HorizontalAlign="Center"
BorderStyle="Solid" BorderWidth="5px">
<table class="TABLE100">
    <tr>
        <td colspan="3">
            <h3 style="text-align: center;" id="header">
                Confirm Password</h3>
        </td>
    </tr>
    <tr>
        <td colspan="3">
            &nbsp;
        </td>
    </tr>
    <tr>
        <td>
            &nbsp;
        </td>
        <td width="50px">
            <asp:Label ID="lblPasswrd" runat="server" Text="Password" Font-Bold="True" Font-Size="Larger"></asp:Label>
        </td>
        <td>
            <asp:TextBox ID="txtPassword" runat="server" SkinID="TextBoxLong"></asp:TextBox>
        </td>
    </tr>
    <tr>
        <td>
            &nbsp;
        </td>
        <td>
            &nbsp;
        </td>
        <td>
            &nbsp;
        </td>
    </tr>
    <tr>
        <td>
            &nbsp;
        </td>
        <td>
            &nbsp;
        </td>
        <td>
            <asp:Button ID="btnSubmit" runat="server" Text="SUBMIT" Width="70px" OnClick="btnSubmit_Click"/>
        </td>
    </tr>
</table>
</asp:Panel>

我在某种程度上解决了这个问题。 现在问题是三个不同的按钮即。插入,更新和删除按钮负责打开弹出窗口,然后打开一个ASP:面板,面板包含提交按钮。所以在提交按钮上,我可以知道哪个按钮负责打开一个面板。???

2 个答案:

答案 0 :(得分:2)

您可以使用隐藏按钮作为模式弹出窗口的 Okbutton ,然后从代码中调用 OnClick 按钮。从保存和更新按钮。

答案 1 :(得分:0)

为每个按钮单击添加服务器端事件处理程序。使用jquery显示每个按钮的弹出窗口,来自jquery的$('#button1').click$('#button2').click