Làm thế nào để kiểm soát JavaScript được chạy sau khi UpdatePanel một phần postback endRequest?

Question

Tôi biết tôi có thể móc vào các sự kiện phía máy khách để chạy JavaScript sau mỗi lần đăng một phần; Tuy nhiên, tôi muốn làm một cái gì đó như thế này:

protected void FooClicked(object sender, EventArgs e) { 
     ClientScript.RegisterStartupScript(GetType(), "msg", "showMsg('Foo clicked');",true);   
} 

Tôi biết tôi hoàn toàn có thể hack nó với các lĩnh vực ẩn và chạy một cái gì đó sau khi mỗi postback, nhưng có phải là một cách khá straightfoward để trong một thời trang tương tự như điều này.

Answer 1

Mẫu mã cụ thể mà bạn mô tả không hoạt động với một phần sau lưng, vì ClientScript.RegisterStartupScript() viết JS cho trang trong giai đoạn xây dựng đầu ra của vòng đời yêu cầu; trong khi một phần postback chỉ cập nhật một phần được chọn của trang thông qua JavaScript (mặc dù đánh dấu cho toàn bộ trang, bao gồm cả tập lệnh khởi động của bạn, được tạo trên máy chủ).

Để bắt chước chặt chẽ những gì bạn mô tả, bạn nên bao gồm một điều khiển Literal bên trong UpdatePanel của bạn, và trong quá trình postback một phần thiết lập các Văn bản tài sản của bảng điều khiển nội dung kịch bản mà bạn muốn chạy:

myLiteral.Text = "<script type=\"JavaScript\">doStuff();</script>"; 

IMO, một cách thích hợp hơn là sử dụng các client-side API for async postbacks để đăng ký một xử lý sự kiện để chạy khi postback hoàn thành:

function endRequestHandler(sender, args) { 
    doStuff(); 
} 

Sys.WebForms.PageRequestManager.getInstance().add_endRequest(endRequestHandler); 

Nếu bạn cần phải vượt qua những thông tin được tạo ra trong quá postback vào xử lý, bạn có thể vượt qua mà thông qua các trường ẩn và lấy từ DOM trong trình xử lý phía máy khách của bạn.

Answer 2

cách tốt nhất để làm điều này là sử dụng điều khiển DoAfterPostBack. bạn có thể tải xuống quyền kiểm soát này miễn phí tại đây http://go2amitech.blogspot.com/2010/08/running-specific-javascript-after.html

Answer 3

This thanh lịch hơn, IMO. dường như ASP AJAX sẽ gọi bất kỳ hàm JS nào có tên pageLoad. do đó, viết một hàm gọi là pageLoad và nó sẽ được thực hiện trên mọi tải trang, ngay cả sau khi cập nhật một phần.

Answer 4

<script type="text/javascript" language="javascript"> 
    function ValidateUserRole() { 
     var answer = confirm("Are you sure..................") 
     if (answer) { 
      var btnRoleReleatedButton = '<%=btnRoleReleatedButton.ClientID%>'; 
      document.getElementById(btnRoleReleatedButton).click(); 
     } 
     else { 
      return false; 
     } 
    } 
</script> 

Tier 3 :<asp:UpdatePanel ID="upTier3Details" runat="server" UpdateMode="Conditional"> 
    <ContentTemplate> 
     <asp:DropDownList ID="ddlTier3" runat="server" CssClass="ddlextralarge" Width="350" /> 
    </ContentTemplate> 
    <Triggers> 
     <asp:AsyncPostBackTrigger ControlID="ddlUserRole" EventName="SelectedIndexChanged" /> 
    </Triggers> 
</asp:UpdatePanel>