Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/457.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript ASP.Net中使用JQuery的模态确认框_Javascript_Jquery_Asp.net_Ajax - Fatal编程技术网

Javascript ASP.Net中使用JQuery的模态确认框

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.NETGridView中的“确认删除”选项具有类似的行为,如问题所示,但使用Jquery确认框

我在回发行为和asp.net页面流方面有很多问题

我想简单地说:

<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 ...
}