模態確認框在ASP.Net中使用JQuery

我想要一個類似的ASP.Net Gridview中的「確認刪除」選項，因爲這個問題顯示How to add a "confirm delete" option in ASP.Net Gridview?，但使用Jquery確認框。模態確認框在ASP.Net中使用JQuery

我有很多回發行爲和asp.net頁面流的問題。

我想domething簡單：

<asp:Button ID="ButtonRemove" runat="server" Text="<%$ Resources:Localizacao, BUTTON_REMOVE %>" OnClick="ButtonRemove_Click" OnClientClick="displayConfirmDialog();/>

一些想法，我怎麼能在JavaScript觸發OnClick事件，或如何可以把一個面板確認對話框？

*今天我使用ajaxcontroltoolkit，但因爲這是停產，我試圖找出一些更優雅的選擇。

來源

2011-03-15 Custodio

1 - 有一個隱藏的div將會成爲你的對話框。把它放在你的HTML底部，在你的主頁標記之外。

<div id="dialog1" class="dialog" style="display:none"> 
    SOME TEXT 
    <a href="javascript://" onclick="confirmDialog()">CONFIRM</a> 
</div>

風格它像這樣：

.dialog { 
    position:absolute; 
    width:250px; 
    height:250px; 
    background-color:#ffffff 
} 

.dialog a { 
    display:block; 
    padding:5px; 
    margin-top:50px; 
    background-color:#c0c0c0 
}

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 - 創建一個函數來處理CONFIRM按鈕：

function confirmDialog() { 
    jQuery('#dialog1').hide() 
    ... your code ... 
}

如果您想要看起來可以創建對話框的背景圖像，而不是簡單的白色背景。

來源

2011-03-15 14:02:47

我不明白現在怎麼叫我的ButtonRemove_click（）從代碼隱藏 – Custodio 2011-03-15 14:26:36

而關於對話框，我更喜歡Jquery.Dialog。在我的文件（= – Custodio 2011-03-15 14:28:00

模態確認框在ASP.Net中使用JQuery

回答

相關問題