DEV Community

iainrough
iainrough

Posted on

Re-Post: My Love Hate Relationship with Kendo Grid — Part 1: The Broken Child Grid on Deployment

Originally published at: https://roughiain.medium.com/my-love-hate-relationship-with-kendo-grid-part-1-the-broken-child-grid-on-deployment-dfdc3989da57

So a while ago I decided to merge my various GitHub accounts into one account, during this process I lost some gist's which were embedded in the original of this blog post. :(

So here is the article again with the some edits...

My Love Hate Relationship with Kendo Grid — Part 1: The Broken Child Grid on Deployment

For years I have been involved in a love hate relationship with Telerik’s Kendo Grid. Hours have been wasted debugging small things and hours have been saved on massive tasks.

Some technical info on today's tryst with Kendo:

  • UI for ASP.NET Core R2 2019 SP1
  • Development machine windows 10
  • Production Ubuntu 18.xx
  • ASP.NET Core SDK: 2.2

One of the many joys of programming is discovering the feature that worked 100% on your local machine breaks on production(do i need sarcasm tags?).

This is the simple grid that broke on deployment[1]

Everything worked on my local environment, the child grid bound, expanded and contracted, displayed all the correct data.

On production in developer console …

Uncaught SyntaxError: Invalid or unexpected token
Enter fullscreen mode Exit fullscreen mode

Looking at inspect source in the browser, and the JS code that Kendo generates: I noticed the JS contained extra line breaks. So could the line breaks in the Razor page be affecting the Kendo JS???

Yup, one small commit to remove a line break in the child template script and it was fixed.

GIT DIFF

Top comments (0)