asp.net ajax 局部更新实例

/// <reference name="MicrosoftAjax.js"/> // Copyright (c) iucon GmbH. All rights reserved. // For more information about our work, visit http://www.iucon.com Type.registerNamespace("iucon.web.Controls"); iucon.web.Controls.PartialUpdatePanel = function(element) { iucon.web.Controls.PartialUpdatePanel.initializeBase(this, [element]); this._userControlPath = null; this._parameters = new Array(); this._showLoading = false; this._autoRefreshInterval = 0; this._autoRefreshTimerID = null; this._initiallyRenderFromClient = false; this._renderAfterPanel = null; this._loadHandler = null; this._renderAfterPanelHandler = null; this._displayLoadingAfter = 0; this._displayLoadingAfterTimerID = null; this._currentCulture = null; this._currentUICulture = null; this._addComponentBackup = null; this._dataItems = null; this._executor = null; this._request = null; } iucon.web.Controls.PartialUpdatePanel.prototype = { initialize: function() { iucon.web.Controls.PartialUpdatePanel.callBaseMethod(this, 'initialize'); if (window._partialScriptReferences == null) window._partialScriptReferences = new Array(); if (this._initiallyRenderFromClient) { if (this._renderAfterPanel == null) this.refresh(); else { this._loadHandler = Function.createDelegate(this, this._onLoad); Sys.Application.add_load (this._loadHandler); } } }, dispose: function() { if (this._loadHandler) { Sys.Application.remove_load(this._loadHandler); this._loadHandler = null; } iucon.web.Controls.PartialUpdatePanel.callBaseMethod(this, 'dispose'); }, _onLoad : function() { var control = $find(this._renderAfterPanel); if (control) { this._renderAfterPanelHandler = Function.createDelegate(this, this._onRenderAfterPanel); control.add_refreshComplete(this._renderAfterPanelHandler); // show loading panel if (this._showLoading) { var loadingPanel = $get(this.get_element().id + '_LoadingPanel'); if (loadingPanel) { loadingPanel.style.display = 'block'; loadingPanel.style.visibility = 'visible'; } } } }, _onRenderAfterPanel : function(e) { var control = $find(this._renderAfterPanel); if (control && this._renderAfterPanelHandler) { control.remove_refreshComplete(this._renderAfterPanelHandler); this._renderAfterPanelHandler = null; } this.refresh(); }, /// ShowLoading get_ShowLoading : function() { return this._showLoading; }, set_ShowLoading : function(value) { this._showLoading = value; }, /// UserControlPath get_UserControlPath : function() { return this._userControlPath; }, set_UserControlPath : function(value) { this._userControlPath = value; }, /// Parameters get_Parameters : function() { return this._parameters; }, set_Parameters : function(value) { this._parameters = new Array(); if (value != null) { for (var i = 0; i < value.length; i++) { this._parameters[value[i]["Name"]] = value[i]["Value"]; } } }, /// AutoRefreshInterval get_AutoRefreshInterval : function() { return this._autoRefreshInterval; }, set_AutoRefreshInterval : function(value) { this._autoRefreshInterval = value; if (this._autoRefreshInterval > 0) { var element = this.get_element(); this._autoRefreshTimerID = setInterval('$find(\'' + element.id + '\').refresh()', this._autoRefreshInterval); } else if (this._autoRefreshTimerID != null) { clearTimeout(this._autoRefreshTimerID); this._autoRefreshTimerID = null; } }, // DisplayLoadingAfter get_DisplayLoadingAfter : function() { return this._displayLoadingAfter; }, set_DisplayLoadingAfter : function(value) { this._displayLoadingAfter = value; }, /// InitialRenderBehaviour get_InitiallyRenderFromClient : function() { return this._initiallyRenderFromClient; }, set_InitiallyRenderFromClient : function(value) { this._initiallyRenderFromClient = value; }, /// RenderAfterPanel get_RenderAfterPanel : function() { return this._renderAfterPanel; }, set_RenderAfterPanel : function(value) { this._renderAfterPanel = value; }, // CurrentCulture get_CurrentCulture : function() { return this._currentCulture; }, set_CurrentCulture : function(value) { this._currentCulture = value; }, // CurrentUICulture get_CurrentUICulture : function() { return this._currentUICulture; }, set_CurrentUICulture : function(value) { this._currentUICulture = value; }, // RefreshComplete Event add_refreshComplete : function(handler) { this.get_events().addHandler('refreshComplete', handler); }, remove_refreshComplete : function(handler) { this.get_events().removeHandler('refreshComplete', handler); }, raiseRefreshComplete : function(eventArgs) { var handler = this.get_events().getHandler('refreshComplete'); if (handler) { handler(this, eventArgs); } }, doPostBack : function(eventTarget, eventArgument) { this._refresh(eventTarget, eventArgument); }, abortPostBack : function() { if (this._request == null) return; this._request.get_executor().abort(); this._request = null; this._clearShowLoadingPanelTimer(); }, refresh : function() { this._refresh(null, null); }, _showLoadingPanel : function() { this._clearShowLoadingPanelTimer(); if (this._displayLoadingAfter > 0) { var element = this.get_element(); this._displayLoadingAfterTimerID = setInterval('$find(\'' + element.id + '\')._internalShowLoadingPanel()', this._displayLoadingAfter); } else this._internalShowLoadingPanel(); }, _internalShowLoadingPanel : function () { var element = this.get_element(); var loadingPanel = $get(element.id + '_LoadingPanel'); var contentPanel = $get(element.id + '_ContentPanel'); if (loadingPanel) { loadingPanel.style.display = 'block'; loadingPanel.style.visibility = 'visible'; } if (contentPanel) { contentPanel.innerHTML = ''; contentPanel.style.visibility = 'hidden'; } }, _clearShowLoadingPanelTimer : function() { if (this._displayLoadingAfterTimerID != null) { clearTimeout(this._displayLoadingAfterTimerID); this._displayLoadingAfterTimerID = null; } }, _refresh : function(eventTarget, eventArgument) { // a refresh is in progress => do not