多个目标Id's和ModalPopUp扩展器
Multiple Target Id's and the ModalPopUp Extender
晚上好。
好了,开始吧!
正确的我有以下按钮在我的页面上,我希望使用一个模式弹出既保存点击。因此,我有以下按钮:
<asp:Button ID="btnSave1" runat="server" OnClick="btnSave1_Click" Text="Save" OnClientClick="$find('showSaveConfirm').show(); return false;" />
<asp:Button ID="btnSave2" runat="server" OnClick="btnSave2_Click" Text="Save" OnClientClick="$find('showSaveConfirm').show(); return false;"/>
<asp:Button ID="btnSaveAll" runat="server" Text="" Style="display: none" />
下面是我的模态面板信息:
<asp:Panel ID="pnlSaveConfirm" runat="server" Style="display: none;" CssClass="modalPopupContainer">
<div id="Div7" class="modalPopupHeaderPanel">
<div id="Div8" class="modalPopupHeader">
</div>
<asp:LinkButton ID="LinkButton2" runat="server" CssClass="modalPopupClose" CausesValidation="False">Cancel and close</asp:LinkButton>
</div>
<div id="Div9" class="modalPopupBannerPanel">
<div class="modalPopupPanel">
<br />
You are about to save this piece of data.
<asp:Button ID="btnOkSave" runat="server" Text="Ok" />
<asp:Button ID="btnCancelSave" runat="server" Text="Cancel" />
<br />
</asp:Panel>
<ajaxToolkit:ModalPopupExtender ID="mdlPopupSaveConfirm" runat="server" TargetControlID="btnSaveAll" BehaviorID="showSaveConfirm"
OkControlID="btnOkSave" CancelControlID="btnCancelSave" PopupControlID="pnlSaveConfirm" BackgroundCssClass="modalBackground" />
现在两个点击都触发了一个模态面板,这是正确的。取消,取消,但有一个问题。
当我单击btnOkSave时,这似乎并没有确认btnSave1_Click和btnSave2_Click服务器端事件没有被触发。
知道我做错了什么吗?
我实际上走了一条稍微不同的路线,因为我使用的是Ajax工具包,我实现了对ConfirmButtonExtender的使用。
对于两个原始保存,我设置了两个独立的modalpopupextender指向同一个面板,这些由ConfirmButton Extender执行:
<ajaxToolkit:ConfirmButtonExtender ID="ConfirmButtonExtender1"
runat="server" ConfirmText="" Enabled="True" TargetControlID="btnSave1" DisplayModalPopupID="mdlPopupSave1Confirm">
</ajaxToolkit:ConfirmButtonExtender>
<ajaxToolkit:ConfirmButtonExtender ID="ConfirmButtonExtender2"
runat="server" ConfirmText="" Enabled="True" TargetControlID="btnSave2" DisplayModalPopupID="mdlPopupSave2Confirm">
</ajaxToolkit:ConfirmButtonExtender>
附在实际面板上:
<ajaxToolkit:ModalPopupExtender ID="mdlPopupSave1Confirm" runat="server" TargetControlID="btnSave1"
OkControlID="btnOkSave" CancelControlID="btnCancelSave"
PopupControlID="pnlSaveConfirm" BackgroundCssClass="modalBackground" />
<ajaxToolkit:ModalPopupExtender ID="mdlPopupSave2Confirm" runat="server" TargetControlID="btnSave2"
OkControlID="btnOkSave" CancelControlID="btnCancelSave"
PopupControlID="pnlSaveConfirm" BackgroundCssClass="modalBackground" />
这正是我想要做的。
仍然很脏,但它可以工作:)
btnOkSave没有OnClick事件。将其添加到控件中:
OnClick="btnSave1_Click"
相关文章:
- 即使我单击“确定”,模型弹出窗口扩展器仍保持打开状态
- 如何使用ngModel将自定义控件的提供程序扩展器分离到Angular 2中的单独文件中
- 如果用户在输入上按 Enter 键,则取消挖空速率限制扩展器
- 投资组合扩展器宽度 - Jquery CSS
- Ajax日历扩展器问题
- Knockout:可以在没有参数的情况下调用可观察的扩展器
- 如何使用掩码编辑扩展器用日期格式 MM/yyyy 屏蔽文本框
- 如何在 extjs 4.2.1 中为鼠标悬停时的行扩展器图标提供工具提示
- asp.net ajaxtoolkit 自定义控件扩展器
- 在日历扩展器上设置正确的日期 asp.net
- Ajax 日历扩展器不选择上一个日期
- Extjs - 在行扩展器中选择一个表单
- 使用自定义绑定、扩展器或自定义函数扩展挖空
- 与JS冲突 - 目标首先扩展器而不是单击的扩展器
- Ajax自动完成扩展器防止在文本框中键入无效值
- Knockout扩展器或绑定
- 点击URL扩展器
- 单击链接按钮时,需要显示MODALOPUP扩展器
- Javascript文本扩展器
- 多个目标Id's和ModalPopUp扩展器