AJAX Tookits -- ConfirmButton
在AJAX Toolkits中有個ConfirmButton的擴展控件,該控件只能應用與Button類型的控件,例如Button和LinkButton。
當你點擊按鍵之后,系統會彈出一個確認框。基本屬性如下:
- TargetControlID - Button或Link的控件編號.
- ConfirmText -?彈出對話框上顯示的信息
- OnClientCancel - 點擊取消按鍵后所調用的程序,該程序寫在前臺.
- 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 - 彈出確認框的樣式。如果顯示了該信息就需要人工創建一個ModalPopupExtender控件,自定義相關信息,例如 :
<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>
轉載于:https://www.cnblogs.com/lx0831/archive/2009/01/05/1369313.html
總結
以上是生活随笔為你收集整理的AJAX Tookits -- ConfirmButton的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: PHP基础语法6
- 下一篇: 简单配置 docker swarm