Javascript ASP.Net中使用JQuery的模态确认框
我希望ASP.NETGridView中的“确认删除”选项具有类似的行为,如问题所示,但使用Jquery确认框 我在回发行为和asp.net页面流方面有很多问题 我想简单地说:Javascript ASP.Net中使用JQuery的模态确认框,javascript,jquery,asp.net,ajax,Javascript,Jquery,Asp.net,Ajax,我希望ASP.NETGridView中的“确认删除”选项具有类似的行为,如问题所示,但使用Jquery确认框 我在回发行为和asp.net页面流方面有很多问题 我想简单地说: <asp:Button ID="ButtonRemove" runat="server" Text="<%$ Resources:Localizacao, BUTTON_REMOVE %>" OnClick="ButtonRemove_Click" OnClientClick="displayConfir
<asp:Button ID="ButtonRemove" runat="server" Text="<%$ Resources:Localizacao, BUTTON_REMOVE %>" OnClick="ButtonRemove_Click" OnClientClick="displayConfirmDialog();/>
1-有一个隐藏的div,它将成为您的对话框。将其放在HTML的底部,主页标记之外
<div id="dialog1" class="dialog" style="display:none">
SOME TEXT
<a href="javascript://" onclick="confirmDialog()">CONFIRM</a>
</div>
2-在显示对话框之前将其居中:
centerMe('#dialog1')
function centerMe(element) {
//pass element name to be centered on screen
var pWidth = jQuery(window).width();
var pTop = jQuery(window).scrollTop()
var eWidth = jQuery(element).width()
var height = jQuery(element).height()
jQuery(element).css('top', pTop + 100 + 'px')
jQuery(element).css('left', parseInt((pWidth / 2) - (eWidth / 2)) + 'px')
}
3-显示对话框:
jQuery('#dialog1').fadeIn('slow')
4-创建处理确认按钮的功能:
function confirmDialog() {
jQuery('#dialog1').hide()
... your code ...
}
如果你想玩得开心,可以为对话框创建一个背景图像,而不是简单的白色背景。我不明白现在如何从CodeBehind调用我的按钮Remove_click(),关于对话框,我更喜欢Jquery.dialog。我的文件中的代码更少(=
function confirmDialog() {
jQuery('#dialog1').hide()
... your code ...
}