Ngăn ngừa tình cờ nhấp đúp vào một nút

Question

Tôi có một vài điều khiển kế thừa từ các nút ASP.NET và sử dụng 'onserverclick'.

Nếu người dùng nhấp hai lần, nút sẽ kích hoạt hai sự kiện phía máy chủ. Làm thế nào tôi có thể ngăn chặn điều này?

Tôi đã thử đặt "this.disabled = 'true'" sau khi nhấp chuột (trong thuộc tính 'onclick') qua javascript, nhưng cũng chặn cả postback đầu tiên.

Answer 1

Xem ví dụ này để tắt kiểm soát khi đăng lại. Nó sẽ giúp bạn làm những gì bạn đang cố gắng đạt được.

http://encosia.com/2007/04/17/disable-a-button-control-during-postback/

Answer 2

Một người khác đã nói điều này ở đâu đó ở đây cách đây vài ngày và tôi đồng ý - hãy sử dụng javascript để chỉ cần ẩn nút thay vì tắt nó; bạn có thể hiển thị hình ảnh "xoay tròn" ở vị trí của nó, cho phép người dùng biết điều gì đang diễn ra.

Answer 3

Thay vì ẩn, những gì tôi đã làm là hoán đổi nút bằng javascript. Hiển thị một hình ảnh màu xám khác trên nhấp vào nút đầu tiên.

Answer 4

Bạn không nhất thiết muốn hiển thị nút bị tắt khi đăng lại. Bạn muốn chắc chắn rằng họ không vô tình gửi hai lần. Vì vậy, việc vô hiệu hóa hoặc ẩn nút là kết quả của hành động phía máy chủ đã quá muộn trong trò chơi. Đến thời điểm này, yêu cầu thứ 2 đã được thực hiện theo cách của nó. Bạn cần phải làm điều đó với javascript hoặc đảm bảo mã phía máy chủ của bạn sẽ không chạy hai lần.

Answer 5

Trong trường hợp của một updatepanel và một nút bên trong một FormView-Template tôi sử dụng phương pháp sau đây:

<script type="text/javascript"> 
    // Using that prm reference, hook _initializeRequest 
    Sys.WebForms.PageRequestManager.getInstance().add_initializeRequest(InitializeRequestBuchung); 

    // Abfangen von Mehrfachklicks auf Buttons für asynchrone Postbacks im Updatepanel 
    function InitializeRequestBuchung(sender, args) { 
     var arrButtonIds = ["ButtonInsert", "ButtonUpdate"]; 

     // Get a reference to the PageRequestManager. 
     var prm = Sys.WebForms.PageRequestManager.getInstance(); 
     if (prm.get_isInAsyncPostBack() & jQuery.inArray(args.get_postBackElement().id, arrButtonIds) > -1) { 
      args.set_cancel(true); 
     } 
    } 
</script> 

này hủy bỏ một postback sau nếu hiện một postback async vẫn hoạt động. Hoạt động hoàn hảo.

Answer 6

Đặt thuộc tính Nút Sử dụngSubmitBehavior thành false. Sau đó, tạo ra một chức năng OnClientClick vô hiệu hóa nút. Nó sẽ giống như thế này:

<script type="text/javascript"> 
    function disableFunctn(button){ 
     button.disabled = true; 
    } 
</script> 
<asp:Button ID="button1" UseSubmitBehavior="false" OnClientClick="disableFunctn(this);"/> 

nhanh nhất là cách rẻ nhất:

<asp:Button ID="button1" UseSubmitBehavior="false" OnClientClick="this.disabled=true;"/> 

Answer 7

Bạn cũng có thể thử ví dụ btnSave.Enable = false; khi nút được nhấn và trước khi xử lý cho nút được thực hiện trong thói quen Sự kiện nhấp chuột. Nếu bạn cần nó được thiết lập lại để cho phép nó được kích hoạt có một nút riêng biệt đặt lại nút để tái sử dụng.

Một phương pháp khác là đặt nút có xác minh để người dùng được hỏi xem họ có muốn Lưu không, nó sẽ xuất hiện cả hai lần.

Tuy nhiên, một phương pháp khác sẽ là gắn cờ lần xuất hiện đầu tiên rồi đặt cửa sổ bật lên cho lần thứ hai để xác minh lần sử dụng thứ hai hoặc tiếp theo.