Ajax加载面板（客户端编程）

1.OnClientShowing

在显示 RadAjaxLoadingPanel 之前调用OnClientShowing客户端事件处理程序。

使用以下方法将两个参数传递给事件处理程序：

sender - RadAjaxLoadingPanel客户端对象的实例。
eventArgs有以下方法：
set_cancelNativeDisplay()允许您取消 RadAjaxLoadingPanel 的默认行为。调用set_cancelNativeDisplay(true)可防止默认行为，并允许您为加载面板实现自定义显示动画。
get_loadingElement()获取 RadAjaxLoadingPanel 的 DOM 元素。
get_updatedElement()获取 ajax 更新控件的 DOM 元素，加载面板将在该元素上显示。

2.OnClientHiding

在隐藏 RadAjaxLoadingPanel 之前调用OnClientHiding客户端事件处理程序。

使用以下方法将两个参数传递给事件处理程序：

sender - RadAjaxLoadingPanel客户端对象的实例。
eventArgs有以下方法：
set_cancelNativeDisplay()允许您取消 RadAjaxLoadingPanel 的默认行为。调用set_cancelNativeDisplay(true)可防止默认行为，并允许您为加载面板实现自定义隐藏动画。
get_loadingElement()获取 RadAjaxLoadingPanel 的 DOM 元素。
get_updatedElement()获取 ajax 更新控件的 DOM 元素，加载面板将在该元素上显示。

<script type="text/javascript">
    function MyClientShowing(sender, eventArgs) {
        eventArgs.get_loadingElement().style.border = "2px solid red";
        eventArgs.set_cancelNativeDisplay(true);
         $telerik.$(eventArgs.get_loadingElement()).show("slow");
    }
    function MyClientHiding(sender, eventArgs) {
        eventArgs.get_loadingElement().style.border = "2px solid blue";
        eventArgs.set_cancelNativeDisplay(true);
        $telerik.$(eventArgs.get_loadingElement()).hide("slow");
    }
</script>
<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" BackColor="yellow"
    OnClientShowing="MyClientShowing" OnClientHiding="MyClientHiding" />