Кнопка отключается при повторном нажатии
У меня есть следующая кнопка на моей странице
<asp:Button ID="btnSignoff" runat="server" Text="Sign Off & Send" CssClass="btn btn-primary" OnClientClick="openSignOffModal(); return false;"/>
при первом нажатии на кнопку работает нормально (показывает модальное всплывающее окно). После закрытия всплывающего окна, когда я снова нажимаю кнопку, теперь она отключается.
Это поведение по умолчанию? Есть идеи, почему он так себя ведет? как я могу это исправить?
function openSignOffModal() {
//check if atleast one RCTI is selected
if (ValidateCheckBox())
$('#SignOffRCTIModal').modal();
else
$('#NoRCTISelectedModal').modal();
}
наценка
<div class="modal hide" id="SignOffRCTIModal" style="width: 500px">
<div class="modal-header">
<h3>Sign Off RCTI</h3>
</div>
<div class="modal-body form-horizontal">
<asp:Panel ID="pnlSignOffRCTI" runat="server">
<p>
Are you sure you want to Signoff the selected RCTI(s)?
</p>
</asp:Panel>
</div>
<div class="modal-footer">
<asp:Button ID="btnConfirmSignOff" runat="server" CssClass="btn" Text="Sign Off and Send" CausesValidation="false" />
<button class="btn btn-primary" data-dismiss="modal" data-focus="true" id="btnCancel">Cancel</button>
</div>
</div>
<div class="modal hide" id="NoRCTISelectedModal" style="width: 500px">
<div class="modal-header">
<h3>No RCTI Selected</h3>
</div>
<div class="modal-body form-horizontal">
<asp:Panel ID="Panel2" runat="server">
<p>
Please select an RCTI first in order to proceed.
</p>
</asp:Panel>
</div>
<div class="modal-footer">
<button class="btn btn-primary" data-dismiss="modal" data-focus="true">OK</button>
</div>
</div>
PS У меня есть элементы управления ajax на моей странице, но при нажатии этой кнопки ничего не будет обновлено, поэтому я не изменил его.
1 ответ
Yayy! Оно работает! Итак, в.master я определил свойство как это
$("input[type='submit']").click(function (e) {
if (e.target && Page_IsValid) {
var SkipDoubleClickCheck =
$(this).attr('SkipDoubleClickCheck');
if (SkipDoubleClickCheck != 'undefined' && SkipDoubleClickCheck == "true") { //Skip if element has a specific attribute
return;
}
var attr = $(this).attr('submitting');
if (typeof attr !== 'undefined' && attr !== false) { // If button has submitting attribute, then do not submit it again.
$(this).prop('disabled', true);
$(this).removeAttr("submitting");
e.preventDefault();
}
else {
$(this).attr("submitting", "true"); // Adding "submitting" attribute to prevent multiple submissions.
}
}
});
реализовать это свойство, которое нужно было установить в кнопке SkipDoubleClickCheck="true"
<asp:Button ID="btnSignoff" runat="server" text="Sign Off & Send" SkipDoubleClickCheck="true" CssClass="btn btn-primary" OnClientClick="openSignOffModal(); return false;"/></td>