Javascript calls not working when working with AjaxLoadingPanel

2 posts, 0 answers
  1. John
    John avatar
    8 posts
    Member since:
    Sep 2014

    Posted 07 Aug 2015 Link to this post

    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>

    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">
       <telerik:AjaxUpdatedControl ControlID="grdCandidate" LoadingPanelID="RadAjaxLoadingPanel1" />
       <telerik:AjaxUpdatedControl ControlID="pnlCandInfo" LoadingPanelID="RadAjaxLoadingPanel1" />

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

    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");

    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?

  2. Maria Ilieva
    Maria Ilieva avatar
    4017 posts

    Posted 11 Aug 2015 Link to this post

    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.

    Maria Ilieva
    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
  3. DevCraft R3 2016 release webinar banner
Back to Top