2012-05-04 45 views
0

我使用「BLOCKUI」 jQuery的確認對話框插件,它完美地工作,除了它不是正在重置按鈕它就會在POP操作起來,ASP.Net按鈕不會重置爲默認設置

也許它是一個邏輯錯誤:/,這裏的代碼,

腳本

<script type="text/javascript" src="/_layouts/1033/jquery.js"></script> 
<script type="text/javascript" src="JS.js"></script> 
<script type="text/javascript"> 
    $(document).ready(function() { 

     $("input[id$='btDelete']").click(function() { 
      $.blockUI({ message: $('#question'), css: { width: '620px' } }); 
     }); 

     $("input[id$='yes']").click(function() { 
      $.blockUI({ message: "" }); 
     }); 

     $("input[id$='no']").click(function() { 
      $.unblockUI(); 
      return false; 
     }); 
    }); 
</script> 

Div標籤

<asp:Content ID="Content4" ContentPlaceHolderID="cphSubmit" runat="server"> 
<div id="question" style="display:none; background-color:Menu; cursor: default"> 
    <div align="center"> 
     <br /><asp:Label ID="Label1" runat="server" Text="Deleting this eDecision will remove all site content and uploaded documents.<br />Are you sure you wish to continue?" CssClass="headertext"></asp:Label><br /><br /><br /><br /><br /> 
     <asp:Button ID="yes" Width="200px" Height="25px" CssClass="gradientbutton" OnClick="btDelete_Click" Runat="server" Text="Yes"></asp:Button> 
     <asp:Button ID="no" Width="200px" Height="25px" CssClass="gradientbutton" Runat="server" Text="No"></asp:Button><br /><br /><br /> 
    </div> 
</div> 

按鈕

<td> 
    <asp:Button ID="btDelete" runat="server" CssClass="gradientbutton" OnClick="btDelete_Click" 
    OnClientClick="this.disabled=true;" Text="Delete" Width="200px" /> 
</td> 

Here;s the Plugin Link

如果我更改了按鈕

<asp:Button ID="btDelete" runat="server" CssClass="gradientbutton" Text="Delete" Width="200px" /> 

對話框出現,然後消失:S

和IF按鈕就像下面一樣,撥號OG出現,但這時即使我按 「否」 按鈕刪除禁用撐,

<asp:Button ID="btDelete" runat="server" CssClass="gradientbutton" OnClick="btDelete_Click" 
    OnClientClick="this.disabled=true;" Text="Delete" Width="200px" /> 

乾杯

回答

1

試試這個

$("input[id$='btDelete']").click(function() { 
     $.blockUI({ message: $('#question'), css: { width: '620px' } }); 
     return false; 
    }); 

而且您的按鈕沒有的OnClientClick。您上面已經有一個客戶端點擊事件。返回false將停止事件冒泡並阻止提交asp.net按鈕。

+0

'return false'不能防止冒泡。它阻止了默認操作。 –

+0

真的嗎?我認爲返回假兩者都有。 (preventDefault和stopPropagation)。謝謝(你的)信息。 – Ronald

+1

沒有。我錯了。 Mea culpa。 –

相關問題