I have a page with two user controls on it (UC1 is a results grid and UC2 is a search control). UC1 is loaded automatically when the page loads based on the query string. When the user interacts with UC2 (either by entering text in a basic search box or by launching an advanced search window), the results appear in UC1. I add an AjaxSetting on UC1 such that when the user interacts with it (e.g., opens an item in the grid, deletes an item via the toolbar, etc.), the loading panel appears over the grid, however, I'm unable to get the same results when users interact with UC2.
Here's the beginning of the page where the two controls are defined (I snipped it before the script block):
Note: The RadAjaxManager is defined on the master page.
I then attach the Ajax events in the code behind on Page_Load as follows:
The loading panel works (e.g., the transparency appears above the grid while it refreshes) when the user interacts with UC1, but not when they interact with UC2.
What else do I need to do to accomplish this?
Here's the beginning of the page where the two controls are defined (I snipped it before the script block):
<%@ Page Language="C#" MasterPageFile="~/MyApplication.Master" AutoEventWireup="true" EnableTheming="true" CodeBehind="Worklist.aspx.cs" Inherits="MyApplication.Worklist" %>
<%@ Register Src="ToolkitForms/UserControls/ExtendedActionWorklist.ascx" TagName="ActionWorklist" TagPrefix="uc1" %>
<%@ Register Src="UserControls/ObjectSearch.ascx" TagName="ObjectSearch" TagPrefix="uc2" %>
<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>
<
asp:Content
ID
=
"WorklistContent"
runat
=
"server"
ContentPlaceHolderID
=
"ActivatorBody"
>
<
table
style
=
"background-color: Transparent; width: 100%;"
>
<
tr
>
<
td
align
=
"left"
>
<
div
id
=
"createdMessage"
style
=
"background-color: Transparent; float: left; font-weight: bold; font-size: small; padding: 8px 0 0 10px;"
></
div
>
</
td
>
<
td
align
=
"right"
>
<
uc2:ObjectSearch
ID
=
"SimpleSearch"
runat
=
"server"
/>
</
td
>
</
tr
>
</
table
>
<
telerik:RadAjaxLoadingPanel
ID
=
"RadAjaxLoadingPanel1"
runat
=
"server"
Height
=
"75px"
Width
=
"75px"
></
telerik:RadAjaxLoadingPanel
>
<
asp:ValidationSummary
ID
=
"ValidationSummary1"
runat
=
"server"
/>
<
div
style
=
"background-color: #E1EDFF; width: 100%; position: fixed; overflow: auto;"
>
<
uc1:ActionWorklist
ID
=
"ActionWorklist2"
runat
=
"server"
Height
=
"500px"
SetGridMaxHeight
=
"true"
GridPageHeightOffset
=
"40"
/>
</
div
>
Note: The RadAjaxManager is defined on the master page.
I then attach the Ajax events in the code behind on Page_Load as follows:
RadAjaxManager manager = RadAjaxManager.GetCurrent( Page );
manager.AjaxSettings.AddAjaxSetting( ActionWorklist2, ActionWorklist2, RadAjaxLoadingPanel1 );
manager.AjaxSettings.AddAjaxSetting( SimpleSearch, ActionWorklist2, RadAjaxLoadingPanel1 );
The loading panel works (e.g., the transparency appears above the grid while it refreshes) when the user interacts with UC1, but not when they interact with UC2.
What else do I need to do to accomplish this?