Uncaught TypeError: Cannot read property 'id' of undefined

[Vuyiswa]

I am using RadAsyncUpload which is defined like this 

<telerik:RadAsyncUpload ID="FileUpload1" runat="server" Skin="Forest" Width="272px">
</telerik:RadAsyncUpload>

and i have a asp.net button defined like this 

<asp:Button ID="btnUpload" Width="180px"  Height="30px" runat="server" Text="Upload"
                           onclick="btnUpload_Click" />

Now it works and it uploads the file , but now i want to have a Progress Bar , so like other controls i did the following 

<telerik:AjaxSetting AjaxControlID="btnUpload">

    <UpdatedControls>

          <telerik:AjaxUpdatedControl ControlID="btnUpload" LoadingPanelID="RadAjaxLoadingPanel1"></telerik:AjaxUpdatedControl>

     

        <telerik:AjaxUpdatedControl ControlID="FileUpload1" LoadingPanelID="RadAjaxLoadingPanel1"></telerik:AjaxUpdatedControl>

         

        <telerik:AjaxUpdatedControl ControlID="lblMessage" LoadingPanelID="RadAjaxLoadingPanel1"></telerik:AjaxUpdatedControl>

 

    </UpdatedControls>

</telerik:AjaxSetting>

    <telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server">
    </telerik:RadAjaxLoadingPanel>


if i add this Ajax code , my Upload does not work , it give me the Following Error 

Uncaught TypeError: Cannot read property 'id' of undefined

and chrome gives more info like

Uncaught TypeError: Cannot read property 'id' of undefined Telerik.Web.UI.WebResource.axd:2889
Telerik.Web.UI.RadAjaxControl._initializeRequest Telerik.Web.UI.WebResource.axd:2889
H.z.callBaseMethod Telerik.Web.UI.WebResource.axd:3
Telerik.Web.UI.RadAjaxManager._initializeRequest Telerik.Web.UI.WebResource.axd:3463
(anonymous function) Telerik.Web.UI.WebResource.axd:3
(anonymous function) Telerik.Web.UI.WebResource.axd:3
H.w.raiseEvent Telerik.Web.UI.WebResource.axd:3
e._onFormSubmit Telerik.Web.UI.WebResource.axd:9
e._doPostBack Telerik.Web.UI.WebResource.axd:9
(anonymous function) Telerik.Web.UI.WebResource.axd:3
onclick

Thanks 

[Hristo Valyavicharski]

Hi Vuyiswa,

Pasted code snippet works fine. Here you can see video of my testing. This forum thread discuss the possible reason which cause the same error and how eventually to resolve it. Please check it out.

Regards,
Hristo Valyavicharski
Telerik

[Vuyiswa]

Thanks Admin , 

I have done that ,  have a Proxymanager in my content pages and have Ajax manager in my master page, but now the loadingPanel Appears on all controls including the textboxes , i want it to only appear for a Gridview

[Plamen]

Hello,

 
You can explicitly set on which control to show the loading panel. You can refer to this help topic where similar issue is described.

Regards,
Plamen
Telerik

[Vuyiswa]

Good Day Admin

Sorry for a late reply, i am jumping from one project to another. One more thing i realized that is causing this is that i am replacing Ajaxtoolkit controls with Telerik Controls , so i need to do this a bit by bit , so in this page there are some other Ajaxtoolkit that i want to keep for now , i will replace them later. i have attached a link to that project

Link to Example Project

Thanks

[Scott Christopher Stauffer]

I realize I am necro-ing this thread, but I ran into the same problem and found a solution.

Set the ClientIDMode to AutoID of the web control you are trying to get AutoPostBack working for. That fixes the client-side error, and consequently fixes the server-side by allowing the AJAX POST to occur.