AJAX Tookits -- ConfirmButton
在AJAX Toolkits中有個(gè)ConfirmButton的擴(kuò)展控件,該控件只能應(yīng)用與Button類型的控件,例如Button和LinkButton。
當(dāng)你點(diǎn)擊按鍵之后,系統(tǒng)會(huì)彈出一個(gè)確認(rèn)框?;緦傩匀缦?#xff1a;
- TargetControlID - Button或Link的控件編號.
- ConfirmText -?彈出對話框上顯示的信息
- OnClientCancel - 點(diǎn)擊取消按鍵后所調(diào)用的程序,該程序?qū)懺谇芭_(tái).
- ConfirmOnFormSubmit - True if the confirm dialog should wait until just before the form submits to display. This is useful when ASP.NET validators are in use and the confirm should be shown only after all validators pass.
- DisplayModalPopupID - 彈出確認(rèn)框的樣式。如果顯示了該信息就需要人工創(chuàng)建一個(gè)ModalPopupExtender控件,自定義相關(guān)信息,例如 :
<asp:Button ID="Button" runat="server" Text="Click Me" OnClick="Button_Click" /><br />
<ajaxToolkit:ConfirmButtonExtender ID="ConfirmButtonExtender2" runat="server" TargetControlID="Button"
??????????????????? OnClientCancel="cancelClick" DisplayModalPopupID="ModalPopupExtender1" />
??????????????? <br />
<ajaxToolkit:ModalPopupExtender ID="ModalPopupExtender1" runat="server" TargetControlID="Button"
??????????????????? PopupControlID="PNL" OkControlID="ButtonOk"
??????????????????? CancelControlID="ButtonCancel"??????BackgroundCssClass="modalBackground" />
<asp:Panel ID="PNL" runat="server" Style="display: none; width: 200px; background-color: White;
??????????????????? border-width: 2px; border-color: Black; border-style: solid; padding: 20px;">
??????????????????? Are you sure you want to click the Button?
??????????????????? <br />
??????????????????? <br />
??????????????????? <div style="text-align: right;">
??????????????????????? <asp:Button ID="ButtonOk" runat="server" Text="OK" />
??????????????????????? <asp:Button ID="ButtonCancel" runat="server" Text="Cancel" />
??????????????????? </div>
?</asp:Panel>
代碼示例:
?
<script type="text/javascript" language="javascript">
??????? function confirmCancel()
??????? {
??????????? var label = document.getElementById('ctl00_ContentPlaceHolder1_Label1');
//??????????? alert(label);
??????????? label.innerHTML = 'You hit cancel in the Confirm dialog on ' + (new Date()).localeFormat("T") + '.';
??????? }
??? </script>
??? <asp:UpdatePanel ID="UpdatePanel1" runat="server">
??????? <ContentTemplate>
??????????? <div>
??????????????? <asp:Button ID="Button1" runat="server" Text="Button" />
??????????????? <cc1:ConfirmButtonExtender ID="Button1_ConfirmButtonExtender" runat="server" ConfirmText="Are you sure to submit?"
??????????????????? Enabled="True" TargetControlID="Button1" OnClientCancel="confirmCancel">
??????????????? </cc1:ConfirmButtonExtender>
??????????????? <br />
??????????????? <asp:Label ID="Label1" runat="server" Text="Label"></asp:Label>
??????????? </div>
??????? </ContentTemplate>
??? </asp:UpdatePanel>
轉(zhuǎn)載于:https://www.cnblogs.com/lx0831/archive/2009/01/05/1369313.html
總結(jié)
以上是生活随笔為你收集整理的AJAX Tookits -- ConfirmButton的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: PHP基础语法6
- 下一篇: 什么是Windows RT