jquery - ボタンのテキストを変更し、ポストバック中に無効にする

Question

の中にボタンがありますupdate panel。

ユーザーがボタンをクリックすると、Please Wait...テキストがボタンテキストとして表示され、ポストバックが完了するまでボタンが無効になります。私はこのコードを書きました：

$('#Button2').on("click", function (e) {
                $("#Button2").val("Please Wait");
                $('#Button2').attr('disabled', 'disabled');
});

問題は、ボタンが無効になっているときに、そのイベントがサーバー側で発生しないことです。どうすればこの問題を解決できますか?

score 4 · Accepted Answer

サーバー呼び出しをトリガーするために jQuery.ajax 関数を使用していますか? その場合は、ボタンのテキストを変更し、「beforeSend」キーで無効にします。

$.ajax({
    .....
    beforeSend: function(){
     $("#Button2").val("Please Wait");
     $('#Button2').attr('disabled', 'disabled');
    }
    .....
});

score 2 · Accepted Answer

$('#Button2').on("click", function (e) {
                $("#Button2").text("Please Wait");
                $('#Button2').attr('disabled', 'disabled');
               //your ajax function here
     $.ajax({
            url:'your url',
            data : ({/*data to send***/  }),
            method : 'POST',

            success: function(msg){
                 $('#Button2').removeAttr('disabled');
           }
    });
             //end ajax


});

score 1 · Accepted Answer

You can use the .attr and .html functions in jQuery.

$('#btn').click(function(){
    $(this).html('Saving...'); //this changes the html to Saving...
    $(this).attr('disabled', true); //this will disable the button onclick
});

Here's a sample fiddle: http://jsfiddle.net/stan255/cpLqK/1/

Hope this helps.

Stanley

score 0 · Accepted Answer

onClick 関数で、最初に ajax 呼び出しを行い、その後ボタンを無効にしてみてください。これは非同期呼び出しであるため、呼び出しが行われている間、スクリプトの次の行でボタンを無効にする必要があります。呼び出しが行われた後のコールバックで、ボタンを再度有効にすることができます。

score 0 · Accepted Answer

ボタンを無効にした後、サーバーイベントを呼び出す必要があります。これには、使用する必要がありますClientScript.GetPostBackEventReference(bt1, null)

このリンクを参照してください:非同期ポストバックの更新パネルのボタンを無効にする

jquery - ボタンのテキストを変更し、ポストバック中に無効にする

5 に答える 5

Related

Reference