포스트백 후 javascript 기능 실행
업데이트 패널 내에서 포스트백 후 Javascript 이벤트를 실행하려면 어떻게 해야 합니까?
사용할 수 있습니다.endRequest
의 사건PageRequestManager
.
<form id="form1" runat="server">
<div>
<asp:ScriptManager ID="ScriptManager1" runat="server" />
<asp:UpdatePanel ID="UpdatePanel1" runat="server">
<ContentTemplate>
<asp:Button runat="server" Text="Button" />
</ContentTemplate>
</asp:UpdatePanel>
</div>
</form>
<script type="text/javascript">
var prm = Sys.WebForms.PageRequestManager.getInstance();
prm.add_endRequest(function (s, e) {
alert('Postback!');
});
</script>
새로고침 시 ClientScriptManager를 사용하여 함수를 호출할 수 있습니다.
ClientScriptManager.RegisterStartupScript(this.GetType(), "AKey", "MyFunction();", true);
http://msdn.microsoft.com/en-us/library/asz8zsxy.aspx
간단하게
<script type="text/javascript">
function pageLoad() {
}
</script>
<asp:ScriptManager runat="server" />
<asp:UpdatePanel runat="server">
<ContentTemplate>
<asp:Button runat="server" ID="Button1" />
<asp:Literal runat="server" ID="TextBox1" />
</ContentTemplate>
</asp:UpdatePanel>
그런 다음 Button1이 트리거될 때마다 pageLoad()가 계속 호출됩니다.
이것을 시험해 보세요.
$.ajax({
beforeSend: function(){
// Handle the beforeSend event
},
complete: function(){
// Handle the complete event
}
// ......
});
UpdatePanel 내에서 사용하기 위해서는 ScriptManager를 사용합니다.Register Startup Script
언급URL : https://stackoverflow.com/questions/4223837/run-javascript-function-after-postback
'programing' 카테고리의 다른 글
Angular JS: 컨트롤러 및 콘텐츠 로드 지연 (0) | 2023.03.10 |
---|---|
Swagger TypeError: '창'에서 'fetch'를 실행하지 못했습니다. GET/HEAD 메서드를 사용하는 요청에는 본문을 사용할 수 없습니다. (0) | 2023.03.10 |
Woocommerce 3+의 [내 계정 주문(My Account Orders)]테이블에 커스텀 컬럼 추가 (0) | 2023.03.05 |
WP/woocommerce에서 사용자가 'shop_manager'인지 알 수 있는 기능이 있나요? (0) | 2023.03.05 |
스파크 시 json 문자열을 데이터 프레임으로 변환하는 방법 (0) | 2023.03.05 |