This is a migrated thread and some comments may be shown as answers.

Javascript calls not working when working with AjaxLoadingPanel

1 Answer 31 Views
AjaxLoadingPanel
This is a migrated thread and some comments may be shown as answers.
John
Top achievements
Rank 1
John asked on 07 Aug 2015, 08:45 PM

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?

1 Answer, 1 is accepted

Sort by
0
Maria Ilieva
Telerik team
answered on 11 Aug 2015, 02:17 PM
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
Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items
Tags
AjaxLoadingPanel
Asked by
John
Top achievements
Rank 1
Answers by
Maria Ilieva
Telerik team
Share this question
or