Description
The "syncReady is not a function" is an error that displays on console windows in “Mozilla & Chrome Browser” and displays an alert message in “Internet Explorer” while running the application.
Solution
If you want to resolve the issue, make sure you have aligned proper style and script format on the “Bundle.config” file in the application. Find the code format, which is attached on the bottom of this page.
And, if you have not referred to the Kendo script and style files on the Bundle.config and layout.cshtml page, the grid will not show on the page.
Layout.cshtml file Code
The format should look like this in Layout.cshtml page.
- @Styles.Render("~/Content/css")
- @Styles.Render("~/Content/kendocss")
- @Scripts.Render("~/bundles/jquery")
- @Scripts.Render("~/bundles/modernizr")
- @Scripts.Render("~/bundles/bootstrap")
- @Scripts.Render("~/bundles/kendo")
- @RenderSection("scripts", required: false)
Make sure that the above files are in the directory.
Bundle.config file Code:
This is the format Bundle.config should follow. If you want to add any more script or style files you can add them.
- public static void RegisterBundles(BundleCollection bundles)
- {
- bundles.Add(new ScriptBundle("~/bundles/jquery").Include("~/Scripts/jquery-{version}.js"));
- bundles.Add(new ScriptBundle("~/bundles/jqueryval").Include("~/Scripts/jquery.validate*"));
- bundles.Add(new ScriptBundle("~/bundles/modernizr").Include("~/Scripts/modernizr-*"));
- bundles.Add(new ScriptBundle("~/bundles/Kendo").Include("~/Scripts/Kendo/kendo.all.min.js", "~/Scripts/Kendo/kendo.aspnetmvc.min.js", "~/Scripts/Kendo/jszip.min.js"));
- bundles.Add(new ScriptBundle("~/bundles/bootstrap").Include("~/Scripts/bootstrap.js", "~/Scripts/respond.js"));
- bundles.Add(new StyleBundle("~/Content/kendocss").Include("~/Content/Kendo/2018.1.117/kendo.common.min.css", "~/Content/Kendo/2018.1.117/kendo.default.min.css", "~/Content/Kendo/2018.1.117/kendo.dataviz.min.css", "~/Content/Kendo/2018.1.117/kendo.dataviz.default.min.css"));
- bundles.Add(new StyleBundle("~/Content/css").Include("~/Content/Site.css"));
- bundles.IgnoreList.Clear();
- }
Output
Reference
Please refer to https://demos.telerik.com/kendo-ui/grid/index for more details.
I hope this helps. Let me know if you need anything.