RadAjaxPanel method OnAjaxRequestEnd not fired

12 posts, 0 answers
  1. Asif
    Asif avatar
    49 posts
    Member since:
    Jul 2010

    Posted 28 Dec 2011 Link to this post

    I have used RadAjaxPanel in my page

     <telerik:RadAjaxPanel ID="RadAjaxPanel1" runat="server" ClientEvents-OnResponseEnd="OnAjaxRequestEnd"
                                                LoadingPanelID="LoadingPanel1">
    </telerik:RadAjaxPanel>

    ---------------------------

    function OnAjaxRequestEnd(sender,eventArgs) {
              Alert('Request called');
            }

    In this I have used, OnAjaxRequestEnd method,  in my script I have written this function but while executing it is giving me prompt OnAjaxRequestEnd method not found.
    Please give solution for this. I am not getting where I have made mistake.
  2. Princy
    Princy avatar
    17421 posts
    Member since:
    Mar 2007

    Posted 29 Dec 2011 Link to this post

    Hello,

    I have tried to reproduce the same but no avail. Here is the code.
    ASPX:
    <telerik:RadAjaxPanel ID="RadAjaxManager1" runat="server" ClientEvents-OnRequestStart="requestStart" ClientEvents-OnResponseEnd="responseEnd">
      <asp:Button ID="Button1" runat="server" Text="abc"  />
    </telerik:RadAjaxPanel>
    JS:
    <script type="text/javascript">
     function requestStart(sender, eventArgs)
     {
      alert('Request start');
     }
    function responseEnd(sender, eventArgs)
     {
      alert('Response complete');
     }
    </script>

    Thanks,
    Princy.
  3. Asif
    Asif avatar
    49 posts
    Member since:
    Jul 2010

    Posted 29 Dec 2011 Link to this post

    On runtime I am getting responseEnd is undefined. Please find the attached screenshot of error generated.
  4. Andrey
    Admin
    Andrey avatar
    836 posts

    Posted 29 Dec 2011 Link to this post

    Hello Asif,

    I have created sample project to illustrate the approach you need to use in order to successfully hook the RequestStart and ResponseEnd client events of RadAjaxPanel.

    Give this project a try and check what are the differences with yours.

    Regards,
    Andrey
    the Telerik team
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now
  5. Asif
    Asif avatar
    49 posts
    Member since:
    Jul 2010

    Posted 30 Dec 2011 Link to this post

    I have created sample project but not able to attach it because zip and rar are not supported in attachment.

    Please add an solution and below three files in it

    Default.aspx

    <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="TestRadAjaxPanel._Default" %>
     
    <%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>
     
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
     
    <head runat="server">
        <title></title>
        <script type="text/javascript">
     
            function responseEnd(sender, args) {
                alert("Responce ends!");
            }
        </script>       
    </head>
    <body>
     
        <form id="form1" runat="server">
        <telerik:RadScriptManager ID="ScriptManager1" runat="server" >
            <Scripts>
                <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.Core.js" />
                <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQuery.js" />
                <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQueryInclude.js" />
            </Scripts>
        </telerik:RadScriptManager>
     
        <telerik:RadAjaxLoadingPanel ID="LoadingPanel1" Height="200px" Width="200px" runat="server"
            Transparency="30">
            <table width="100%" border="0">
                <tr>
                    <td width="100%" align="center" valign="top">
                        <img alt="Loading..." src='<%= RadAjaxLoadingPanel.GetWebResourceUrl(Page, "Telerik.Web.UI.Skins.Default.Ajax.loading.gif") %>' style="border: 0px;" />
                    </td>
                </tr>
            </table>
        </telerik:RadAjaxLoadingPanel>
        <div>
         
        <telerik:RadAjaxPanel ID="RadAjaxPanel1" runat="server" EnableAJAX="true" ClientEvents-OnResponseEnd="responseEnd" LoadingPanelID="LoadingPanel1">
            <asp:Panel ID="dvLogin" runat="server">
                    <table width="40%" cellpadding="0" cellspacing="1" border="0">
                        <tr>
                            <td style="background-repeat: no-repeat; padding-left: 15px" align="left" valign="top">
                                <table border="0" cellspacing="0" cellpadding="2" width="80%">
                                    <tr>
                                        <td style="width: 20%">
                                            <asp:Label ID="lblMessage" runat="server" Text="" Font-Names="Arial" Font-Size="13px" ForeColor="Black" />
                                        </td>
                                    </tr>
                                    <tr>
                                        <td style="width: 20%">
                                            <asp:Button ID="btnLogin" runat="server" Text="Click" onclick="btnLogin_Click" />
                                        </td>
                                    </tr>
                                </table>
                            </td>
                        </tr>
                    </table>
                </asp:Panel>
        </telerik:RadAjaxPanel>
        </div>
        </form>
    </body>
    </html>


    Default.aspx.cs

    using System;
    using System.Collections.Generic;
    using System.Linq;
    using System.Web;
    using System.Web.UI;
    using System.Web.UI.WebControls;
     
    namespace TestRadAjaxPanel
    {
        public partial class _Default : System.Web.UI.Page
        {
            int intIdx = 0;
            protected void Page_Load(object sender, EventArgs e)
            {
     
            }
     
            protected void btnLogin_Click(object sender, EventArgs e)
            {
                lblMessage.Text = string.Empty;
     
                lblMessage.Text = "Button Pressed : " + (intIdx + 1).ToString() + " times";
            }
        }
    }


    And Web.config file

    <?xml version="1.0"?>
    <configuration>
        <configSections>
            <sectionGroup name="system.web.extensions" type="System.Web.Configuration.SystemWebExtensionsSectionGroup, System.Web.Extensions, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35">
                <sectionGroup name="scripting" type="System.Web.Configuration.ScriptingSectionGroup, System.Web.Extensions, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35">
                    <section name="scriptResourceHandler" type="System.Web.Configuration.ScriptingScriptResourceHandlerSection, System.Web.Extensions, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35" requirePermission="false" allowDefinition="MachineToApplication"/>
                    <sectionGroup name="webServices" type="System.Web.Configuration.ScriptingWebServicesSectionGroup, System.Web.Extensions, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35">
                        <section name="jsonSerialization" type="System.Web.Configuration.ScriptingJsonSerializationSection, System.Web.Extensions, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35" requirePermission="false" allowDefinition="Everywhere"/>
                        <section name="profileService" type="System.Web.Configuration.ScriptingProfileServiceSection, System.Web.Extensions, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35" requirePermission="false" allowDefinition="MachineToApplication"/>
                        <section name="authenticationService" type="System.Web.Configuration.ScriptingAuthenticationServiceSection, System.Web.Extensions, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35" requirePermission="false" allowDefinition="MachineToApplication"/>
                        <section name="roleService" type="System.Web.Configuration.ScriptingRoleServiceSection, System.Web.Extensions, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35" requirePermission="false" allowDefinition="MachineToApplication"/>
                    </sectionGroup>
                </sectionGroup>
            </sectionGroup>
        </configSections>
        <appSettings/>
        <connectionStrings/>
        <system.web>
            <!--
                Set compilation debug="true" to insert debugging
                symbols into the compiled page. Because this
                affects performance, set this value to true only
                during development.
            -->
            <compilation debug="true">
                <assemblies>
                    <add assembly="System.Core, Version=3.5.0.0, Culture=neutral, PublicKeyToken=B77A5C561934E089"/>
                    <add assembly="System.Data.DataSetExtensions, Version=3.5.0.0, Culture=neutral, PublicKeyToken=B77A5C561934E089"/>
                    <add assembly="System.Web.Extensions, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35"/>
                    <add assembly="System.Xml.Linq, Version=3.5.0.0, Culture=neutral, PublicKeyToken=B77A5C561934E089"/>
                </assemblies>
            </compilation>
            <!--
                The <authentication> section enables configuration
                of the security authentication mode used by
                ASP.NET to identify an incoming user.
            -->
            <authentication mode="Windows"/>
            <!--
                The <customErrors> section enables configuration
                of what to do if/when an unhandled error occurs
                during the execution of a request. Specifically,
                it enables developers to configure html error pages
                to be displayed in place of a error stack trace.
     
            <customErrors mode="RemoteOnly" defaultRedirect="GenericErrorPage.htm">
                <error statusCode="403" redirect="NoAccess.htm" />
                <error statusCode="404" redirect="FileNotFound.htm" />
            </customErrors>
            -->
            <pages>
                <controls>
                    <add tagPrefix="asp" namespace="System.Web.UI" assembly="System.Web.Extensions, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35"/>
                    <add tagPrefix="asp" namespace="System.Web.UI.WebControls" assembly="System.Web.Extensions, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35"/>
                </controls>
            </pages>
            <httpHandlers>
                <remove verb="*" path="*.asmx"/>
                <add verb="*" path="*.asmx" validate="false" type="System.Web.Script.Services.ScriptHandlerFactory, System.Web.Extensions, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35"/>
                <add verb="*" path="*_AppService.axd" validate="false" type="System.Web.Script.Services.ScriptHandlerFactory, System.Web.Extensions, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35"/>
          <add path="trace.axd" verb="*" type="System.Web.Handlers.TraceHandler" validate="true" />
          <add path="WebResource.axd" verb="GET" type="System.Web.Handlers.AssemblyResourceLoader" validate="true" />
          <add path="*.axd" verb="*" type="System.Web.HttpNotFoundHandler" validate="true" />
                <add verb="GET,HEAD" path="ScriptResource.axd" type="System.Web.Handlers.ScriptResourceHandler, System.Web.Extensions, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35" validate="false"/>
          <add path="Telerik.Web.UI.WebResource.axd" type="Telerik.Web.UI.WebResource" verb="*" validate="false" />
            </httpHandlers>
            <httpModules>
                <add name="ScriptModule" type="System.Web.Handlers.ScriptModule, System.Web.Extensions, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35"/>
            </httpModules>
        </system.web>
        <system.codedom>
            <compilers>
                <compiler language="c#;cs;csharp" extension=".cs" warningLevel="4" type="Microsoft.CSharp.CSharpCodeProvider, System, Version=2.0.0.0, Culture=neutral, PublicKeyToken=b77a5c561934e089">
                    <providerOption name="CompilerVersion" value="v3.5"/>
                    <providerOption name="WarnAsError" value="false"/>
                </compiler>
            </compilers>
        </system.codedom>
        <!--
            The system.webServer section is required for running ASP.NET AJAX under Internet
            Information Services 7.0.  It is not necessary for previous version of IIS.
        -->
        <system.webServer>
            <validation validateIntegratedModeConfiguration="false"/>
            <modules>
                <remove name="ScriptModule"/>
                <add name="ScriptModule" preCondition="managedHandler" type="System.Web.Handlers.ScriptModule, System.Web.Extensions, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35"/>
            </modules>
            <handlers>
                <remove name="WebServiceHandlerFactory-Integrated"/>
                <remove name="ScriptHandlerFactory"/>
                <remove name="ScriptHandlerFactoryAppServices"/>
                <remove name="ScriptResource"/>
                <add name="ScriptHandlerFactory" verb="*" path="*.asmx" preCondition="integratedMode" type="System.Web.Script.Services.ScriptHandlerFactory, System.Web.Extensions, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35"/>
                <add name="ScriptHandlerFactoryAppServices" verb="*" path="*_AppService.axd" preCondition="integratedMode" type="System.Web.Script.Services.ScriptHandlerFactory, System.Web.Extensions, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35"/>
                <add name="ScriptResource" preCondition="integratedMode" verb="GET,HEAD" path="ScriptResource.axd" type="System.Web.Handlers.ScriptResourceHandler, System.Web.Extensions, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35"/>
          <add name="Telerik_Web_UI_WebResource_axd" path="Telerik.Web.UI.WebResource.axd" type="Telerik.Web.UI.WebResource" verb="*" preCondition="integratedMode,runtimeVersionv2.0" />
            </handlers>
        </system.webServer>
        <runtime>
            <assemblyBinding xmlns="urn:schemas-microsoft-com:asm.v1">
                <dependentAssembly>
                    <assemblyIdentity name="System.Web.Extensions" publicKeyToken="31bf3856ad364e35"/>
                    <bindingRedirect oldVersion="1.0.0.0-1.1.0.0" newVersion="3.5.0.0"/>
                </dependentAssembly>
                <dependentAssembly>
                    <assemblyIdentity name="System.Web.Extensions.Design" publicKeyToken="31bf3856ad364e35"/>
                    <bindingRedirect oldVersion="1.0.0.0-1.1.0.0" newVersion="3.5.0.0"/>
                </dependentAssembly>
            </assemblyBinding>
        </runtime>
    </configuration>

    Please do changes in your project. You will find the same error which I am facing.
    In above solutions provided by you I have done same in my project but still  error persist.
  6. Andrey
    Admin
    Andrey avatar
    836 posts

    Posted 30 Dec 2011 Link to this post

    Hello Asif,

    I created a project with your pages but again it is working as expected on my side. I have made a video  for you to see how things are going on my side.

    You could check the Visual Studio settings, restart the ASP.NET Development server, it seems to me that the problem is in the Visual Studio.

    You could try to clear the content of these folders:

    • C:\Windows\Microsoft.NET\Framework\v4.0.30319\Temporary ASP.NET Files and
    • C:\Users\current_user\AppData\Local\Microsoft\VisualStudio\10.0\ProjectAssemblies

    and to check whether this helps.


    All the best,
    Andrey
    the Telerik team
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now
  7. Phil
    Phil avatar
    273 posts
    Member since:
    Jul 2008

    Posted 21 Apr 2012 Link to this post

    Hi All:

    I to am having the same problem.  I am running 2011.2.915.40 dll.  Nowhere in your discussion did you properly exchange dll version.  Could the problem be in a specific version.  Also, Asif and I are working with RadAjaxPanel and your demo is with loading panel.

    Phil
  8. Phil
    Phil avatar
    273 posts
    Member since:
    Jul 2008

    Posted 21 Apr 2012 Link to this post

    I took the following off, ... and now js can find the methods.
    //<![CDATA[
    ...
    //]]>
    Phil
  9. Mahesh
    Mahesh avatar
    6 posts
    Member since:
    Jan 2013

    Posted 29 Jan 2013 Link to this post

    thanks very useful but i need to put all block in different table ...

    please let me know it is possible to put radajaxpanel in <td> or <tr> blocks

    and how to handle database interaction ..because in save buttion i save data in database and clear the controls .
  10. Andrey
    Admin
    Andrey avatar
    836 posts

    Posted 01 Feb 2013 Link to this post

    Hi,

    Ajax requests could be only performed by controls that implement IPostaBackContainer interface. Basically you want to update one control based on another input control like button, checkbox, dropdown, etc. What will be in the TR and TD elements and what they need to update when the response come back from the server?

    Regards,
    Andrey
    the Telerik team
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now.
  11. Mahesh
    Mahesh avatar
    6 posts
    Member since:
    Jan 2013

    Posted 04 Feb 2013 Link to this post

    dear
    my code is like

    my case combo 2 fill on combo 1 selection . so on selectedinedx change of combo 1 i put fill code for combo2

    it working fine


    <Radajaxpanel>
    <tr>
    <td>
    Combo 1
    Combo 2
    </Radajaxpanel>

    but when i placed this into <tr> <td> like this
    <Radajaxpanel>
    <tr>
    <td>
    Combo 1
    </td>
    </tr>


    <tr>
    <td>
    Combo 2
    </td>
    </tr>

    </Radajaxpanel>

    then its not working it automatically post back on selected index change of first combo


    if i put complete page( table) into ajax panel its working but in that case my button event not working
    <Radajaxpanel>
    <table>
    <tr>
    <td>
    Combo 1
    </td>
    </tr>


    <tr>
    <td>
    Combo 2
    </td>
    </tr>
    </table>
    </Radajaxpanel>
  12. Andrey
    Admin
    Andrey avatar
    836 posts

    Posted 11 Feb 2013 Link to this post

    Hi,

    TR and TD tags are HTML tags and does not have any server-side or client-side  functionality, so they are could not affect the Ajax calls in no way. I made a sample project to verify this behavior. You could find it attached to my post.

    Greetings,
    Andrey
    the Telerik team
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now.
Back to Top