更新パネルが更新された後、いくつかのjavascriptを実行するにはどうすればよいですか？

Question

私は変更できない.ascxコントロールにいくつかのCSSを設定するpageLoad関数を持っています。ページの読み込みには問題ありませんが、更新パネルでコントロールが更新されると、CSSは適用されなくなります。ページの更新後に関数を再実行するにはどうすればよいですか？

$(function() { 
     $("textarea").attr("cols", "30"); 
     $("input.tbMarker").css({ "width": "100px" }).attr("cols","25"); 
    }); 

これは明らかに初期ページの読み込み時にのみ実行されます。更新後にどのように実行できますか？更新パネルのためのあなたのポストバック中

Answer 1

add_pageLoadedハンドラを追加することもできます。

Sys.WebForms.PageRequestManager.getInstance().add_pageLoaded(PageLoadedHandler); 

注：ハンドラが任意のコールバックを起動しますが、あなたがあなたの関数が呼び出さたいときにフィルタリングするsender._postBackSettings.panelIDを使用することができます。

よりサンプル：

• http://blog.jeromeparadis.com/2007/03/01/1501/
• http://zeemalik.wordpress.com/2007/11/27/how-to-call-client-side-javascript-function-after-an-updatepanel-asychronous-ajax-request-is-over/

Answer 2

、サーバーコードで、ページにいくつかの新しいスクリプトを追加するClientScriptManagerを使用して、このような何か：

ClientScriptManager.RegisterStartupScript(
     typeof(page1), 
     "CssFix", 
     "javascriptFunctionName()", 
     true); 

第三に一致する名前の関数で、あなたのjavascriptをカプセル化引数があり、ポストバックが返ったときに実行する必要があります。

Answer 3

ます。また、クライアント側のコード内のイベント（JavaScriptの）UpdatePanelのはこのように終わったたびにバインドすることができ

：

 Sys.WebForms.PageRequestManager.getInstance().add_endRequest(function(){myFunction();}); 

この場合、myFunction（）; UpdatePanelポストバックが発生するたびに呼び出されます。ページがロードされたときにこのコードを実行すると、関数は正しい時刻に呼び出されます。

Answer 4

スクリプトマネージャと同じフォームにコードを追加します。

背後にあるコード：

protected void Page_Load(object sender, EventArgs e) 
{ 
    if (ScriptManager1.IsInAsyncPostBack) 
    { 
     StringBuilder sb = new StringBuilder(); 
     sb.Append("<script language='javascript' type='text/javascript'>"); 
     sb.Append("Sys.Application.add_load(func);"); 
     sb.Append("function func() {"); 
     sb.Append("Sys.Application.remove_load(func);"); 
     sb.Append("alert('I am Batman!');"); 
     sb.Append("}"); 
     sb.Append("</script>"); 
     ScriptManager.RegisterStartupScript(this, GetType(), "script", sb.ToString(), false); 
    } 
} 

Answer 5

ほとんどの簡単な方法は、あなたのjavascriptのコードでMSAjax pageLoadイベントを使用することです：

<script> 
    ///<summary> 
    /// This will fire on initial page load, 
    /// and all subsequent partial page updates made 
    /// by any update panel on the page 
    ///</summary> 
    function pageLoad(){ alert('page loaded!') } 
</script> 

私はそれが魔法のように動作し、それを何度も使用されてきました。最も重要なことは、document.ready関数（これは、ページがDocument Object Model（DOM）の実行準備が完了した後に一度だけ実行されます）と混同しないでください。ただし、updateLoadイベントは、リフレッシュ。

出典：クライアント側でMSAjax pageLoadイベントにRunning script after Update panel AJAX asp.net