JavaScript를 사용하여 ascx 제어를 다시 게시 할 때까지 클릭 후 버튼 비활성화

매트 L

페이지가 예상대로 작동하고 버튼이 비활성화되고 로딩 표시기가 표시되지만 OnClick 이벤트가 호출되지 않습니다. 나는 비교적 자바 스크립트에 대한 경험이없고 이것이 왜 작동하지 않는지에 대한 답을 찾을 수없는 것 같습니다.

Disable () 메서드가 발생하고 true를 반환하면 OnClick 메서드가 호출되어 다시 게시되고 버튼이 자동으로 다시 활성화됩니다.

아마도 내가이 모든 것을 잘못하고있는 것 같습니다. 도와 주셔서 감사합니다.

<%@ Register TagPrefix="ComponentArt" Namespace="ComponentArt.Web.UI" Assembly="ComponentArt.Web.UI" %>
<%@ Control Language="c#" Inherits="MyControl"
Codebehind="ThisControl.ascx.cs"%>

<div class="Form" style="width: 100%">

  <img id="imgLoading" src="images/GridImages/spinner.gif" style="display:none" alt="loading..." />

  <ol>
    <li>
        <asp:Button ID="FirstButton" CssClass="btn" runat="server" Text="First Press Me"
            OnClick="First_Click" OnClientClick="this.value='Please Wait...'; needToConfirm=false; return Disable(); "/>
        <span>
            <asp:Button ID="SecondButton" CssClass="btn" runat="server" Text="Second Press Me"
                OnClick="Second_Click" OnClientClick="this.value='Please Wait...'; needToConfirm=false; return Disable(); "/>
        </span> 
    </li>
  </ol>

  <script type="text/javascript">
    function Disable() {
        document.getElementById('<%=FirstButton.ClientID %>').disabled = true;
        document.getElementById('<%=SecondButton.ClientID %>').disabled = true;
        setTimeout('UpdateImg()', 0);
        return true;
    }
    function UpdateImg() {
        $('#imgLoading').show();
        var img = document.getElementById('imgLoading');
        img.src = 'images/GridImages/spinner.gif';
    }
  </script>

</div>
매트 L

여기 에서 답을 찾았습니다 .

"UseSubmitBehavior = False"를 추가했으며 OnClick 이벤트가 제대로 호출되었습니다.

분명히 asp는 버튼의 비활성화를 즉시 존중하고 이벤트 발생을 실패시킵니다.

이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.

침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제

에서 수정
0

몇 마디 만하겠습니다

0리뷰
로그인참여 후 검토

관련 기사

분류에서Dev

JQuery를 사용하여 체크 박스 버튼 클릭시 버튼 활성화 및 비활성화 방법

분류에서Dev

클릭 절차가 완료 될 때까지 버튼 텍스트를 비활성화 하시겠습니까?

분류에서Dev

JavaScript를 사용하여 다른 버튼을 클릭 할 때 버튼을 숨기거나 표시하는 방법

분류에서Dev

버튼 클릭시 kendodatetimepicker를 비활성화하려면 어떻게해야합니까?

분류에서Dev

for 루프를 사용하여 생성 된 버튼을 어떻게 파괴 할 수 있습니까 (클릭 후 ...)

분류에서Dev

제출 버튼을 클릭 할 때 비활성화하고 대화 상자를 닫을 때 복구하려면 어떻게해야합니까?

분류에서Dev

비활성화하고 다시 활성화 할 때 EditText를 클릭 할 수 없습니다.

분류에서Dev

클릭 후 버튼을 비활성화하려면 어떻게합니까

분류에서Dev

사용자가 제출 버튼을 클릭 할 때 사용자 입력을 어떻게 표시합니까? 또한 사용자가 지우기 버튼을 클릭 할 때 메시지를 지 웁니다. (Angularjs)

분류에서Dev

위의 모든 섹션에서 최소한 하나를 클릭 할 때까지 아래 버튼을 비활성화하려면 어떻게해야합니까?

분류에서Dev

클릭 할 때 굵은 태그를 활성화하고 HTML / javascript / jquery에서 다시 클릭 할 때 비활성화하는 방법

분류에서Dev

클릭 할 때 Div를 완전한 버튼으로 사용할 수 있습니까? 나머지 div는 비활성화됩니다.

분류에서Dev

비활성화 된 버튼을 JavaScript를 사용하여 활성화 된 버튼과 동일하게 표시하는 방법은 무엇입니까?

분류에서Dev

다른 행에서 버튼을 클릭 한 후 jquery를 사용하여 다른 행을 자동으로 비활성화하려면 어떻게해야합니까?

분류에서Dev

어떻게 클릭 국제화 버튼 후 Vaadin이의 구성 요소를 다시로드?

분류에서Dev

버튼 제출 클릭시 페이지 배경 비활성화

분류에서Dev

2 개의 제출 버튼이있는 Rails 양식 disable_with 옵션은 내가 하나를 클릭 할 때 다른 버튼도 비활성화하기 시작합니다.

분류에서Dev

사용자가 미디어 컨트롤러 버튼을 클릭 할 때 간단한 토스트 메시지를 표시하고 싶습니다. 미디어 컨트롤러를 사용하여 비디오보기에서 일시 중지 / 시작 / 중지

분류에서Dev

Android : 버튼을 클릭 할 때 사용자 지정 시간 후에 토스트 메시지를 표시합니다.

분류에서Dev

다른 버튼을 누를 때까지 버튼을 비활성화하고 셀 값이 변경되면 다시 비활성화합니다.

분류에서Dev

버튼을 클릭 할 때 javascript 또는 jquery를 사용하여 게시물을 lanuch하는 방법은 무엇입니까?

분류에서Dev

버튼을 다시 클릭 할 때 여기서 핸들러를 중지하는 방법은 무엇입니까?

분류에서Dev

새로 추가를 클릭하면 입력을 활성화하고 생성 버튼을 클릭 한 후 입력을 비활성화합니다.

분류에서Dev

마우스 가운데 버튼 클릭 붙여 넣기를 비활성화하려면 어떻게합니까?

분류에서Dev

마우스 가운데 버튼 클릭 붙여 넣기를 비활성화하려면 어떻게합니까?

분류에서Dev

마우스 가운데 버튼 클릭 붙여 넣기를 비활성화하려면 어떻게합니까?

분류에서Dev

n 번 클릭 한 후 모든 라디오 버튼을 비활성화하려면 어떻게합니까?

분류에서Dev

Knockout.js 사용자가 저장 버튼을 클릭 할 때까지 선택에서 관찰 가능한 업데이트를 비활성화하는 방법

분류에서Dev

사용자가 "아니오"버튼을 클릭 할 때까지 while 루프를 사용하여 작업을 반복 하시겠습니까?

Related 관련 기사

  1. 1

    JQuery를 사용하여 체크 박스 버튼 클릭시 버튼 활성화 및 비활성화 방법

  2. 2

    클릭 절차가 완료 될 때까지 버튼 텍스트를 비활성화 하시겠습니까?

  3. 3

    JavaScript를 사용하여 다른 버튼을 클릭 할 때 버튼을 숨기거나 표시하는 방법

  4. 4

    버튼 클릭시 kendodatetimepicker를 비활성화하려면 어떻게해야합니까?

  5. 5

    for 루프를 사용하여 생성 된 버튼을 어떻게 파괴 할 수 있습니까 (클릭 후 ...)

  6. 6

    제출 버튼을 클릭 할 때 비활성화하고 대화 상자를 닫을 때 복구하려면 어떻게해야합니까?

  7. 7

    비활성화하고 다시 활성화 할 때 EditText를 클릭 할 수 없습니다.

  8. 8

    클릭 후 버튼을 비활성화하려면 어떻게합니까

  9. 9

    사용자가 제출 버튼을 클릭 할 때 사용자 입력을 어떻게 표시합니까? 또한 사용자가 지우기 버튼을 클릭 할 때 메시지를 지 웁니다. (Angularjs)

  10. 10

    위의 모든 섹션에서 최소한 하나를 클릭 할 때까지 아래 버튼을 비활성화하려면 어떻게해야합니까?

  11. 11

    클릭 할 때 굵은 태그를 활성화하고 HTML / javascript / jquery에서 다시 클릭 할 때 비활성화하는 방법

  12. 12

    클릭 할 때 Div를 완전한 버튼으로 사용할 수 있습니까? 나머지 div는 비활성화됩니다.

  13. 13

    비활성화 된 버튼을 JavaScript를 사용하여 활성화 된 버튼과 동일하게 표시하는 방법은 무엇입니까?

  14. 14

    다른 행에서 버튼을 클릭 한 후 jquery를 사용하여 다른 행을 자동으로 비활성화하려면 어떻게해야합니까?

  15. 15

    어떻게 클릭 국제화 버튼 후 Vaadin이의 구성 요소를 다시로드?

  16. 16

    버튼 제출 클릭시 페이지 배경 비활성화

  17. 17

    2 개의 제출 버튼이있는 Rails 양식 disable_with 옵션은 내가 하나를 클릭 할 때 다른 버튼도 비활성화하기 시작합니다.

  18. 18

    사용자가 미디어 컨트롤러 버튼을 클릭 할 때 간단한 토스트 메시지를 표시하고 싶습니다. 미디어 컨트롤러를 사용하여 비디오보기에서 일시 중지 / 시작 / 중지

  19. 19

    Android : 버튼을 클릭 할 때 사용자 지정 시간 후에 토스트 메시지를 표시합니다.

  20. 20

    다른 버튼을 누를 때까지 버튼을 비활성화하고 셀 값이 변경되면 다시 비활성화합니다.

  21. 21

    버튼을 클릭 할 때 javascript 또는 jquery를 사용하여 게시물을 lanuch하는 방법은 무엇입니까?

  22. 22

    버튼을 다시 클릭 할 때 여기서 핸들러를 중지하는 방법은 무엇입니까?

  23. 23

    새로 추가를 클릭하면 입력을 활성화하고 생성 버튼을 클릭 한 후 입력을 비활성화합니다.

  24. 24

    마우스 가운데 버튼 클릭 붙여 넣기를 비활성화하려면 어떻게합니까?

  25. 25

    마우스 가운데 버튼 클릭 붙여 넣기를 비활성화하려면 어떻게합니까?

  26. 26

    마우스 가운데 버튼 클릭 붙여 넣기를 비활성화하려면 어떻게합니까?

  27. 27

    n 번 클릭 한 후 모든 라디오 버튼을 비활성화하려면 어떻게합니까?

  28. 28

    Knockout.js 사용자가 저장 버튼을 클릭 할 때까지 선택에서 관찰 가능한 업데이트를 비활성화하는 방법

  29. 29

    사용자가 "아니오"버튼을 클릭 할 때까지 while 루프를 사용하여 작업을 반복 하시겠습니까?

뜨겁다태그

보관