We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. (Last updated on : Nov 16th 2018).
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

Using Spreadsheet, get 0x800a138f - JavaScript runtime error: Unable to get property 'replace' of undefined or null reference

Thread ID:

Created:

Updated:

Platform:

Replies:

130390 May 10,2017 05:15 PM UTC May 12,2017 09:29 AM UTC ASP.NET Core 6
loading
Tags: Spreadsheet
Zach Durtschi
Asked On May 10, 2017 05:15 PM UTC

Help! After finishing the VS2017 tutorial for starting a project, I had a date picker that seemed to be working great, so I jumped right in to added a spreadsheet instead. I replaced "<ej-date-picker id="datepicker" value="@DateTime.Now"></ej-date-picker>" with "<ej-spread-sheet id="Spreadsheet"></ej-spread-sheet>" as described on the spreadsheet tutorial.

Unfortunately, the spreadsheet doesn't finish loading. An error occurs in ej.web.min.js that leaves the spreadsheet in a "loading" state: The error is "0x800a138f - JavaScript runtime error: Unable to get property 'replace' of undefined or null reference" and occurs in on this line of code:

n.className=t?n.className.replace(new RegExp(t,"g"),"").replace(/ +/g," "):""

This is the only code in my Index.cshtml:

@{
    ViewData["Title"] = "Home Page";
}

<div class="panel panel-default">
    <div class="panel-heading">Spreadsheet?</div>
    <div class="panel-body">
        <ej-spread-sheet id="Spreadsheet"></ej-spread-sheet>
    </div>
</div>

I don't want to overload the post with code, so if you would like to see other portions of the project, please let me know. I really appreciate if anyone could point out what I need to do differently.

Zach Durtschi
Replied On May 10, 2017 05:25 PM UTC

In case it would be helpful, I have also attached here my entire project.
Attachment: SyncfusionSpreadsheet_c32e83a.zip

Zach Durtschi
Replied On May 10, 2017 08:42 PM UTC

One more update, I thought I would include my Visual Studio and Internet Explorer info:

IE 11
Version: 11.0.9600.18639
Update Versions: 11.0.41 (KB4014661)
Product ID: 00150-20000-00003-AA459

Visual Studio Professional 2017
Version 15.1 (26403.7) Release

If there's anything else that would help, let me know.


Zach Durtschi
Replied On May 10, 2017 10:41 PM UTC

I have found my problem! It turns out I put "<ej-script-manager></ej-script-manager>" in the wrong place, which for some reason was OK for the date picker but not the spread sheet. Unfortunately, I encountered another error "0x800a01b6 - JavaScript runtime error: Object doesn't support property or method 'ejSpreadsheet'"

But I will probably make a new post for that, since it is a different issue and my code has now changed.

Shanmugaraja K [Syncfusion]
Replied On May 11, 2017 10:50 AM UTC

Hi Zach, 
 
Thanks for using Syncfusion products, 
 
We have checked your attached sample and found that you have referred jQuery file twice in the _Layout.cshtml page environment (“Development”) section. So, we suggest you to refer jQuery once in your _Layout file to resolve the reported issue. Please refer the below code example, 
 
[_Layout.cshtml] 
 
 
<!DOCTYPE html> 
<html> 
<head> 
    <environment names="Development"> 
        <link rel="stylesheet" rel='nofollow' href="~/css/site.css" /> 
        <link rel="stylesheet" rel='nofollow' href="~/lib/bootstrap/dist/css/bootstrap.css" /> 
        <link rel='nofollow' href="~/lib/syncfusion-javascript/Content/ej/web/bootstrap-theme/ej.web.all.min.css" rel="stylesheet" /> 
        <link rel='nofollow' href="~/lib/syncfusion-javascript/Content/ej/web/responsive-css/ej.responsive.css" rel="stylesheet" /> 
    </environment> 
     //.. 
    @Html.Raw(JavaScriptSnippet.FullScript) 
</head> 
<body> 
    //.. 
    <environment names="Development"> 
        <script src="~/lib/jquery/dist/jquery.js"></script> 
        <script src="~/lib/jsrender/jsrender.min.js"></script> 
        <script src="~/lib/syncfusion-javascript/Scripts/ej/web/ej.web.all.min.js"></script> 
    </environment> 
    <ej-script-manager></ej-script-manager> 
    @RenderSection("Scripts", required: false) 
</body> 
</html> 
 
 
Also, we have attached the modified sample and the same can be downloaded from the below location. 
 
 
Regards, 
Shanmugaraja K 


Zach Durtschi
Replied On May 11, 2017 11:28 PM UTC

Thank you for the response. I was able to get it working on my own - the main problem was that I place the Syncfusion JS files in the top scripts section instead of the bottom one. I also resolved the error I mentioned in my most recent post, so thank you.

Shanmugaraja K [Syncfusion]
Replied On May 12, 2017 09:29 AM UTC

Hi Zach, 
 
We are happy to hear that your issue has been resolved. Kindly get back to us if you need further assistance. 
 
Regards, 
Shanmugaraja K 


CONFIRMATION

This post will be permanently deleted. Are you sure you want to continue?

Sorry, An error occured while processing your request. Please try again later.

Warning Icon You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.Close Icon

;