Javascript calls not working when working with AjaxLoadingPanel

[John]

I having some problems with javascript functions not executing when using a AjaxLoadingPanel. 

 
We have the following RadGrid that uses a custom edit form:
<telerik:RadGrid ID="grdCandidate" runat="server" AutoGenerateColumns="False" PageSize="7" AllowSorting="True" AllowPaging="True" ShowStatusBar="true" GridLines="None" AllowMultiRowSelection="False" OnNeedDataSource="grdCandidate_NeedDataSource" OnUpdateCommand="grdCandidate_UpdateCommand" OnPreRender="grdCandidate_PreRender" OnDeleteCommand="grdCandidate_DeleteCommand" OnItemCreated="grdCandidate_ItemCreated">
...
<EditFormSettings UserControlName="/_controltemplates/Project/CandidateEditControl.ascx" EditFormType="WebUserControl">
 <EditColumn UniqueName="EditCommandColumn1"></EditColumn>
</EditFormSettings>
...


We have some other Panels on the page and need it to all show the loading panel when we go into the EditForm:
<telerik:AjaxSetting AjaxControlID="grdCandidate">
  <UpdatedControls>  
   <telerik:AjaxUpdatedControl ControlID="grdCandidate" LoadingPanelID="RadAjaxLoadingPanel1" />
   <telerik:AjaxUpdatedControl ControlID="pnlCandInfo" LoadingPanelID="RadAjaxLoadingPanel1" />
   ...
  </UpdatedControls>
</telerik:AjaxSetting>


Not much in the loading panel:
<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" MinDisplayTime="1000"
  Transparency="10" Skin="WebBlue">
</telerik:RadAjaxLoadingPanel>


In the custom Edit form, we have some RadComboBox and various other controls. This is a SharePoint application and one of the controls we have is the People Picker. It looks something like this:
<SharePoint:PeopleEditor ID="PPUser" runat="server" AcceptAnyEmailAddresses="true" ValidateResolvedEntity="true" ShowButtons="true" ShowDataValidationErrorBorder="true" ShowEntityDisplayTextInTextBox="true" ShowErrorPlaceHolder="true" ValidatorEnabled="true" MultiSelect="false" SelectionSet="User" AllowTypeIn="true" EnableBrowse="true" ForceClaims="true" UrlZone="Extranet"  EnabledClaimProviders="SP10.PeoplePicker.ADClaimsProvider"  />


The people picker has an option to search for employees through a popup form. This popup form is not working. I've done a client side trace and it errors saying the the javascript method is not found (the method is defined by SharePoint).


I thought this to be odd so I tried the following test. Inside the Custom Edit form I have this m
<button id="TEST" runat="server" onclick="ThisIsATest();return false;" value="test">test</button>


Right above it I have this Javascript section:
<script type="text/javascript">
    function ThisIsATest() {
        alert("this is a test");
    }  
</script>


At runtime, when I click on the TEST button, nothing happens. My trace has this error:
ReferenceError: ThisIsATest is not defined


This is the same error we are having with the SharePoint people picker. When I remove the AjaxLoadingPanel, everything works fine and the Javascript method is called successfully.

Would you be ablet to advise on why the AjaxLoadingPanel is preventing me from calling those methods?

[Maria Ilieva]

Hello John,

I would suggest you to continue the communication regarding this issue in the official support ticket that you have opened for the same case. Thus we can easily track the problem and provide the best solution for your case.

Regards,
Maria Ilieva
Telerik