IE9 - Unable to get value of the property 'replace': object is null or undefined

[Kenny]

URL :
http://www.rewardsalad.com/Pages/Events/EventList.aspx

Error message :
SCRIPT5007: Unable to get value of the property 'replace': object is null or undefined
kendo.all.min.js, line 8 character 4630

Please see the attachment for the error screenshot.

It's occurred only in IE 9. in all other web browsers, FF, Chrome, Safari and even IE8, it's not happening.
Not everytime. but, at least, more than 50%.

Please help me out.

Thanks.

[Nikolay Rusev]

Hello Kenny,

This is really odd behavior. If you add a break point before KendoDataBind function is called inside document ready handler you will notice that the template selector will not find the element, i.e $("#rowTemplate") doesn't find the element.

If you inspect the document at that point (while debugging) you will see that part of the markup is not yet loaded for some reason only in IE9.

I've tried to replicate similar scenario by copy-paste of the original response from server and wasn't able to receive the error.

In order to proceed further I suggest you stripping down the page and see whether the error disappears. If not it will be best to send us runnable app which replicates the error so we can debug it locally.

All the best,
Nikolay Rusev
the Telerik team

[Sig]

Hey Nikolay, just as a heads up -- I'm able to get this error as well in IE 10.

[Nikolay Rusev]

Hello Sig,

Can you provide us with runnable sample to replicate the error for IE9/10?

Regards,
Nikolay Rusev
the Telerik team

[Aaron]

I just got this same error in IE9 but not in Chrome.

It seems the extent of the impact of this issue may be limited to a failure to play nice with VS debugger because running in non-debug mode, it goes away.

[Terry Apodaca]

This happens in other browsers too...I run this my app in "Start Without Debugging" and I can reproduce this in any browser.  Run in regular mode and it only happens in IE9.  Was there ever a fix for this?

[Nikolay Rusev]

We are still not sure how to replicate the described behavior. Can someone provide us with a sample and exact steps required to replicate it?
 
Regards,
Nikolay Rusev
Telerik

[George]

also have the issue. only IE. I am using tab control, dropdownlist, treeview, and grid.

the error is thrown from kendo.all.min.js

[Adeel]

I am also getting this error in IE.
I am using kendoui grid on some pages of my application. This issue occurs on a random basis and I have failed to figure out what's the exact cause to this curse of IE.

[Nikolay Rusev]

Hello Charles,

Unfortunately we cannot do much without being able to replicate the behavior. We will be more than happy to have it fixed once we see it happen.

Regards,
Nikolay Rusev
Telerik

[Randal]

I don't think that this is a browser dependent problem and other browsers may just suppress the error.  I have attached a zip file that contains the necessary information to reproduce the issue.  The instructions and code are all in the readme but I have also included the project files as well.  I have been using the other kendo controls rather succesfully but this one has me stumped.  

Currently in my real project I am binding the listView after my grid completes binding but I have also tried using BindTo and get the same results.  I'm sure that it is something silly that I have missed, but I hope the attached helps.  Thanks.

[Randal]

I think that I found the issue.  I had no script 'template' which I overlooked.

    <script type="text/x-kendo-tmpl" id="template">
        <div>#:Description#</div>
    </script>

The one thing that I don't understand now is that everything that I read stated that I should be able to use:

.ClientTemplateId("<div>#:Description#</div>")

This will throw an error as JQuery will try to add another # and will give a formating error which will look something like #<div>#:Description#</div>.

At least the original problem was in the chair that I am currently sitting :-)

[Nikolay Rusev]

Hello Randal,

Indeed your findings are correct. As the name of the property infer *ClientTemplateId* (sample usage - 5^th point here) expects the *id* of the client template, not the client template itself.

Regards,
Nikolay Rusev
Telerik

[Scott]

I am getting this error.

"Error: Unable to get property 'replace' of undefined or null reference"

I only get it if my grid comes up initially with no records. If there are records it works fine.
It is using the popup add/edit feature.  This just started happening.  I have debugged as far as I can and do not see anything that I can find.
This is the line in the minimized kendo.all file that keeps erroring.  I do have several Foreign Key dropdowns in the grid.

e("<select "+s.attr("text-field")+'="text"'+s.attr("value-field")+'="value"'+s.attr("source")+"='"+s.stringify(o(n.values)).replace(/\'/g,"&apos;")+"'"+s.attr("role")+'="dropdownlist"/>').attr(i).appendTo(t)

[Nikolay Rusev]

Hello Scott,

 

I'm afraid that without having a isolated runnable example of the behavior will not be able to do much. 

 

As a wild guess (might not be relevant to your case) is to check whether all foreign key fields have default value defined in the schema.model. This assumption is based on the statement that - ` I do have several Foreign Key dropdowns in the grid.` and the fact that the error occurs while initializing DropDownList widget.

 

Regards,
Nikolay Rusev
Telerik