Làm thế nào để chạy một hàm javascript trước khi postback của nút asp.net?

Question

Tôi đang sử dụng Javascript để tạo phần tử DIV và mở một trang mới bằng cách sử dụng onclientclick. Điều này làm việc tuyệt vời. Bây giờ, tôi cần phải viết cho nó từ phía máy chủ và phần tử này phải được tạo trước khi nó được đăng lại.

Làm cách nào để javascript thực thi trước khi đăng lại?

Hiện tại, tôi phải nhấn nút hai lần vì phần tử không tồn tại để ghi đè lên lần nhấp đầu tiên.

Để rõ ràng, tôi cần điều này để thực thi trước nút "Bật" của nút.

Cập nhật: Có vẻ như chức năng Javascript được gọi trước khi postback nhưng phần tử không được cập nhật cho đến khi tôi chạy postback thứ hai. Hmm

Cập nhật: Rất tiếc, điều này phức tạp hơn một chút.

Tôi đang tạo thẻ div trong javascript để mở cửa sổ mới. Bên trong thẻ div, tôi đang sử dụng cú pháp databinding <% = Xem trước%> để tôi có thể truy cập vào phần tử này ở phía máy chủ. Từ phía máy chủ, tôi đang tiêm mã.

Tôi nghĩ đây có thể là vấn đề về trứng gà nhưng không chắc chắn.

CẬP NHẬT!

Đây không phải là Javascript không chạy trước. Đó là cơ chế databinding đang đọc biến trống trước khi tôi có thể thiết lập nó.

Hmm

Answer 1

nhập mã vào đâyBạn có thể làm việc này cho bạn không?

Javascript

function stuffYouWantToDo(){ 
    //do your stuff 
    //then submit the .NET form 
    document.forms[0].submit(); 
} 

.NET đang

<asp:button ID="Button1" onClientClick="return false;stuffYouWantToDo();"/> 

này phải đảm bảo rằng những thứ bạn muốn làm là làm, sau đó biểu mẫu sẽ được gửi. Trả về false ngăn cản biểu mẫu được gửi khi bạn lần đầu tiên nhấp vào nút và dựa vào cuộc gọi trong hàmYouWantToDo để gửi biểu mẫu.

Answer 2

bạn không phải dựa vào các điều khiển máy chủ để thực hiện đăng lại trong asp.net. bạn có thể kiểm soát tốt hơn ứng dụng của mình bằng cách đăng từ javascript bất cứ khi nào bạn sẵn sàng ..

tự động tạo khung có chức năng gọi là __doPostback (.....) và cuối cùng gọi nó mỗi lần cần đăng lại.

như vậy. thay vì sử dụng nút điều khiển máy chủ, bạn có thể có một số <button onclick="foo()" /> thông thường hơn khi bạn đã hoàn tất việc thực hiện tất cả những gì bạn cần, chỉ cần gọi hàm __doPostback.

asp.net cung cấp cho bạn một cách tiện lợi để truy cập chức năng đó với Trang.GetPostbackClientEvent (i tin, nhưng có những phương pháp cặp vợ chồng mà hỗ trợ phương pháp này) http://msdn.microsoft.com/en-us/library/system.web.ui.page.getpostbackclientevent.aspx

Answer 3

Nếu bạn muốn sử dụng jquery bạn có thể làm như sau:

$(document).ready(function() { 

    var execScript = $(".myButton").attr("href").replace("javascript:", ""); 

    $(".myButton").attr("href", "#").click(function() { 
     // Add before click logic here 

     eval(execScript); 
    }); 
}); 

Answer 4

Không thể bạn chỉ cần thêm một validator tùy chỉnh ở đâu đó trong biểu mẫu của bạn?