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?