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

0x800a138f - JavaScript runtime error: Unable to set property 'control' of undefined or null reference

17 Answers 1431 Views

Grid

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

ToltingColtAcres asked on 05 Nov 2013, 06:49 PM

Making change from in-place editing to editforms with a form template results in the following error:

Unhandled exception at line 3, column 62240 in http://localhost:49573/Telerik.Web.UI.WebResource.axd?_TSM_HiddenField_=RadScriptManager1_TSM&compress=1&_TSM_CombinedScripts_=;;AjaxControlToolkit,+Version=4.5.7.1005,+Culture=neutral,+PublicKeyToken=28f01b0e84b6d53e:en-US:a410b875-5cb5-4d5e-9cf6-234163990602:ea597d4b:b25378d2

0x800a138f - JavaScript runtime error: Unable to set property 'control' of undefined or null reference

Apparently this is happening at other places within the application as well in the deployed version, causing some components (such as RadUpload) not to function correctly. Any feedback on how to solve this would be appreciated. So, I imagine it isn't a Grid error per se, but a ScriptManager error.

Have tried different revs of telerik controls (1015, 926, 917), and different .net levels (4.5, 4.51, 4.0). Have uninstalled and reinstalled with no success.

Working Code:

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="TestForm.aspx.cs" Inherits="TestForm" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

<title></title>

</head>

<body>

<form id="form1" runat="server">

<telerik:RadScriptManager runat="server" ID="RadScriptManager1" />

<telerik:RadTextBox ID="txtSelect" runat="server" Width="100%"/>

<telerik:RadGrid ID="RadGrid_Master" runat="server" AllowPaging="True" PageSize="5" DataSourceID="SqlDataSource_Master" AutoGenerateColumns="False" AllowAutoMaticUpdates="true" >

<MasterTableView DataSourceID="SqlDataSource_Master" DataKeyNames="Key" EditMode="InPlace" >

<Columns>

<telerik:GridEditCommandColumn ButtonType="ImageButton" UniqueName="EditCommandColumn1" />

<telerik:GridBoundColumn DataField="Key" DataType="System.Guid" FilterControlAltText="Filter Key column" HeaderText="Key" ReadOnly="True" SortExpression="Key" UniqueName="Key" />

<telerik:GridBoundColumn DataField="Name" FilterControlAltText="Filter Name column" HeaderText="Name" SortExpression="Name" UniqueName="Name" MaxLength="30" />

</Columns>

</MasterTableView>

</telerik:RadGrid>

<asp:SqlDataSource ID="SqlDataSource_Master" runat="server" ConnectionString="<%$ ConnectionStrings:TestConnection %>"

SelectCommand = "SELECT Key, Name FROM Products"

UpdateCommand = "UPDATE Products SET Name = @Name WHERE Key = @Key">

<UpdateParameters>

<asp:Parameter Name="Name" />

<asp:ControlParameter ControlID="RadGrid_Master" Name="Key" PropertyName="SelectedValue" />

</UpdateParameters>

</asp:SqlDataSource>

<asp:SqlDataSource ID="SqlDataSource_Detail" runat="server"

ConnectionString="<%$ ConnectionStrings:TestConnection %>" SelectCommand="SELECT * FROM Pricing WHERE RateIndictor = 'W' AND Key = @Key">

<SelectParameters>

<asp:ControlParameter ControlID="RadGrid_Master" Name="Key" PropertyName="SelectedValue" />

</SelectParameters>

</asp:SqlDataSource>

</form>

</body>

</html>

Not Working Code:

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="TestForm.aspx.cs" Inherits="TestForm" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

<title></title>

</head>

<body>

<form id="form1" runat="server">

<telerik:RadScriptManager runat="server" ID="RadScriptManager1" />

<telerik:RadTextBox ID="txtSelect" runat="server" Width="100%"/>

<telerik:RadGrid ID="RadGrid_Master" runat="server" AllowPaging="True" PageSize="5" DataSourceID="SqlDataSource_Master" AutoGenerateColumns="False" AllowAutoMaticUpdates="true" >

<MasterTableView DataSourceID="SqlDataSource_Master" DataKeyNames="Key" EditMode="EditForms">

<Columns>

<telerik:GridEditCommandColumn ButtonType="ImageButton" UniqueName="EditCommandColumn1" />

<telerik:GridBoundColumn DataField="Key" DataType="System.Guid" FilterControlAltText="Filter Key column" HeaderText="Key" ReadOnly="True" SortExpression="Key" UniqueName="Key" />

<telerik:GridBoundColumn DataField="Name" FilterControlAltText="Filter Name column" HeaderText="Name" SortExpression="Name" UniqueName="Name" MaxLength="30" />

</Columns>

<EditFormSettings EditFormType="Template">

<FormTemplate>

<telerik:RadTextBox ID="RadTextBox1" Runat="server" LabelWidth="64px" Resize="None" Text='<%# Bind("Name", "{0}") %>' Width="160px" MaxLength="30" />

<br />

<asp:Button ID="btnUpdate"

Text='<%# (Container is GridEditFormInsertItem) ? "Insert" : "Update" %>' runat="server" CommandName='<%# (Container is GridEditFormInsertItem) ? "PerformInsert" : "Update" %>'/>

<asp:Button ID="btnCancel" Text="Cancel" runat="server" CausesValidation="False" CommandName="Cancel" />

</FormTemplate>

</EditFormSettings>

</MasterTableView>

</telerik:RadGrid>

<asp:SqlDataSource ID="SqlDataSource_Master" runat="server" ConnectionString="<%$ ConnectionStrings:TestConnection %>"

SelectCommand = "SELECT Key, Name FROM Products"

UpdateCommand = "UPDATE Products SET Name = @Name WHERE Key = @Key">

<UpdateParameters>

<asp:Parameter Name="Name" />

<asp:ControlParameter ControlID="RadGrid_Master" Name="Key" PropertyName="SelectedValue" />

</UpdateParameters>

</asp:SqlDataSource>

<asp:SqlDataSource ID="SqlDataSource_Detail" runat="server"

ConnectionString="<%$ ConnectionStrings:TestConnection %>" SelectCommand="SELECT * FROM Pricing WHERE RateIndictor = 'W' AND Key = @Key">

<SelectParameters>

<asp:ControlParameter ControlID="RadGrid_Master" Name="Key" PropertyName="SelectedValue" />

</SelectParameters>

</asp:SqlDataSource>

</form>

</body>

</html>

17 Answers, 1 is accepted

answered on 05 Nov 2013, 08:21 PM

For example, receive this error:

Unhandled exception at line 571, column 7 in http://aspnet-scripts.telerikstatic.com/ajaxz/2013.3.1015/Ajax/Ajax.js

0x800a138f - JavaScript runtime error: Unable to get property 'removeChild' of undefined or null reference

on a page with a RadUpload control... resulting in no uploads being processed by the application.

answered on 08 Nov 2013, 02:22 PM

WebApplication2.zip

Hello,

It would be difficult to determine what is the exact cause of the two errors.The second one could be from RadAjaxLoadingPanel control. You could verify that by removing the loading panel from the page.

Also try disabling the compression as described in this article and verify if the error is still showing.

I am attaching a sample project where I tested the code provided in the first post. It seems to be working without errors on my side. Give it a try and see if it is working for you. Could you please modify it in a way that the issue is observed and send it back in a support ticket? This would enable us to further investigate the issue and provide you with an appropriate solution.

Regards,
Viktor Tachev
Telerik

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 the blog feed now.

answered on 12 Nov 2013, 02:20 PM

I disabled compression with no effect.

I downloaded your sample project -- but unfortunately it has numerous references to assemblies which I do not have installed on my system (e.g. antlr, webgrease, Microsoft.aspnet.*, jQuery.*, dotNetOpenAuth*, AspNet.ScriptManager.* and others) which I do not have installed on my system -- so I cannot compile and run it as provided.

If I remove all the assemblies you reference which I do not have, and modify your web config accordingly, I get:

Unhandled exception at line 3, column 62240 in http://localhost:50911/Telerik.Web.UI.WebResource.axd?_TSM_HiddenField_=RadScriptManager1_TSM&compress=1&_TSM_CombinedScripts_=;;AjaxControlToolkit,+Version=4.5.7.1005,+Culture=neutral,+PublicKeyToken=28f01b0e84b6d53e:en-US:a410b875-5cb5-4d5e-9cf6-234163990602:ea597d4b:b25378d2;Telerik.Web.UI,+Version=2013.3.1015.45,+Culture=neutral,+PublicKeyToken=121fae78165ba3d4:en-US:7a1d9c2d-6cf2-464f-9ad3-e479c730ac61:16e4e7cd:b7778d6c:58366029:f7645509:2003d0b8:24ee1bba:f46195d3:1e771326:88144a7a:aa288e2d

0x800a138f - JavaScript runtime error: Unable to set property 'control' of undefined or null reference

Unfortunately, the forum will not allow me to attach a ZIP of the modifications.

Over the weekend I did a fresh installation on a new Precision M6700, and I have the same issue.

answered on 12 Nov 2013, 02:25 PM

Also... I have had to remove the loadingpanel from virtually every screen I've used it on, which has "solved" a few of the problems my application has, but I still have numerous other issues which appear to be related to these javascript errors. I do not think my application is particularly complex here, so I am confused as to why I have these issues.

answered on 17 Feb 2014, 03:03 PM

I restored the packages from nuget, linked the web.ui library ver 2013.3.1015.45, compiled and ran the solution you attached and this is the error:

Unhandled exception at line 6, column 74203 in http://localhost:50911/Telerik.Web.UI.WebResource.axd?_TSM_HiddenField_=RadScriptManager1_TSM&compress=1&_TSM_CombinedScripts_=;;System.Web.Extensions,+Version=4.0.0.0,+Culture=neutral,+PublicKeyToken=31bf3856ad364e35:it-IT:5924cf72-83cf-477d-98eb-a608a92942c5:ea597d4b:b25378d2;Telerik.Web.UI,+Version=2013.3.1015.45,+Culture=neutral,+PublicKeyToken=121fae78165ba3d4:it-IT:7a1d9c2d-6cf2-464f-9ad3-e479c730ac61:16e4e7cd:b7778d6c:58366029:f7645509:2003d0b8:24ee1bba:f46195d3:1e771326:88144a7a:aa288e2d0x800a138f - Errore di run-time di JavaScript: Impossibile impostare la proprietà 'control' di un riferimento nullo o non definito

Please can you check it out?

answered on 17 Feb 2014, 04:03 PM

I have found the latest releases more stable, and have not encountered as many problems since my original post a while ago. I have added the loadingpanel back into my application so users will know when the application is busy compared to just staring at a frozen screen.

This problem is difficult to replicate -- it seems to be a confluence of different conditions and events which cause it. In many cases how I have solved it is by downgrading to a previous version, or simply removing some control and programming around the problem. I am using IE11, so I do not believe that is the problem, specifically, but it is simply another variable in the equation.

answered on 10 May 2014, 06:07 PM

I'm using Ajax Controls Telerik.Web.UI 2014.1.225.40 with Visual Studio 2012 and I also get this error.

You can recreate this error by doing the following:

Create a RadGrid
Create a NestedViewTemplate inside that grid.
In the NestedViewTemplate, create another RadGrid that contains either:

A GridDateTimeColumn with its Visible="False" OR;
Any GridMaskedColumn (configuration is irrelevant).

Once you run the form (code behind is irrelevant), you will trigger the error that Maurizio gets. Somehow those two column types trigger the error with that version of the controls in Visual Studio 2012.

The strange thing is that if you Continue, the expand will go ahead just fine. It's just that none of the controls will respond. If you collapse and expand the same item once more, the error doesn't recur.

This is clearly a bug. I'm going to try the new release to see if that solves it.

I'll be back. :(

answered on 03 Apr 2015, 01:47 PM

An error very much like this was making me crazy.The highlighted line ($create(Telerik.Web.UI.RadComboBox, {"_dropDo...) in the dynamic .aspx file pointed me to this particular combo box and when I investigated it, I couldn't find anything wrong. I eventually noticed that it was wrapped in broken <td> declaration that looked like:<td colspan="3 and was never closed. Once that was fixed, the problem went away.

Interestingly, when running in IE(11), the exception would pop up and if I just continued through it, it would paint the form but my splitter would be all scrunched up and goofy. When I ran it to Chrome, the error wouldn't pop up but the form would be similarly goofy. I wonder if that's why we're seeing the claims above that it's an IE11 thing?