C# UpdatePanel加载完毕回调JS

Posted 2021-01-04 ZGJ

如果 我们想UpdatePanel加载完成后做一些事情 需要使用js

<script type="text/javascript">

//给ScriptManager的实例 添加加载成功后需要执行的js方法
Sys.WebForms.PageRequestManager.getInstance().add_pageLoaded(onPageLoaded);
//下面的方法 就是您自己的代码
function onPageLoaded(sender, args) {
   // do something
}

</script>

// ******* BEGIN: Application 事件操作。*******
 // Hook up Application event handlers.【为Application事件关联操作】
 var app = Sys.Application;
 // 添加一个Application加载事件的操作
 app.add_load(ApplicationLoad);
 // 添加一个Application初始化事件的操作
 app.add_init(ApplicationInit);
 // 添加一个Application释放资源事件的操作
 app.add_disposing(ApplicationDisposing);
 // 添加一个Application卸载事件的操作
 app.add_unload(ApplicationUnload);
 
 // Application event handlers for component developers.【适合组件开放人员调用的Application事件操作】
 // Application初始化事件，在初始化事件内调用其它事件操作
function ApplicationInit(sender) {
  // 获取PageRequestManager实例
  var prm = Sys.WebForms.PageRequestManager.getInstance();
  // 如果不是异步回送，则执行
  if (!prm.get_isInAsyncPostBack())
  {
      // 为PageRequestManager的实例添加初始化请求事件的操作
      prm.add_initializeRequest(InitializeRequest);
      // 为PageRequestManager的实例添加开始请求事件的操作
      prm.add_beginRequest(BeginRequest);
      // 为PageRequestManager的实例添加页面正在加载事件的操作
      prm.add_pageLoading(PageLoading);
      // 为PageRequestManager的实例添加页面已加载事件的操作
      prm.add_pageLoaded(PageLoaded);
      // 为PageRequestManager的实例添加结束请求事件的操作
      prm.add_endRequest(EndRequest);
  }
  // 显示当前是在Application的初始化。
  $get(‘ClientEvents‘).innerhtml += "APP:: Application init.【Application 初始化】 <br/>";
}

// Application加载事件的操作
function ApplicationLoad(sender, args) {
  $get(‘ClientEvents‘).innerHTML += "APP:: Application load.【Application 加载】 ";
  // Sys.ApplicationLoadEventArgs的实例args的get_isPartialLoad方法来检查是否部分刷新。
  // 得到当前的Load事件究竟是第一次打开触发的还是异步刷新触发的。
  $get(‘ClientEvents‘).innerHTML += "(isPartialLoad = " + args.get_isPartialLoad() + ")【是否部分刷新】<br/>";
  /* -----------------------------------------------
   * 关于ApplicationLoadEventArgs类的isPartialLoad属性
   * 该属性的作用：返回一个页面是否部分刷新。   
   * 语法：
        var a = new Sys.ApplicationLoadEventArgs(components, isPartialLoad);
        if a.get_isPartialLoad(){};
   * 返回值意义：true 代表页面是在部分刷新; 否则返回 false.
   * 
   * 说明：（这点很重要！）
   * 要获取(get)或设置(set)客户端API的属性，必须通过以 get_ 和 set_ 为前缀的属性访问方法实现。
   * 比如要设置cancel属性，就通过 get_cancel 或 set_cancel 方法。
   * -----------------------------------------------*/
}

// Application卸载事件的操作
function ApplicationUnload(sender) {
  alert(‘APP:: Application unload.【Application 卸载】‘);
}

// Application释放资源事件的操作
function ApplicationDisposing(sender) {
  $get(‘ClientEvents‘).innerHTML += "APP:: Application disposing.【Application 释放】 <br/>";
  
}

// Application event handlers for page developers.【适合页面开放人员调用的Application事件操作】
// 页面加载事件
/* 说明：
 * 要操作 Application 对象的 load 和 unload 事件，不需要显示地绑定到一个操作事件。
 * 直接使用保留关键字 pageLoad 和 pageUnload 来创建一个函数 */
function pageLoad() {
  $get(‘ClientEvents‘).innerHTML += "PAGE:: Load.【页面加载】<br/>";
}
// 页面卸载事件
function pageUnload() {
  alert(‘Page:: Page unload.【页面卸载】‘);
}
//******* END:  Application 事件操作。********