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

Kendo Grid and Jquery-UI script...

1 Answer 62 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Ken De Vries
Top achievements
Rank 1
Ken De Vries asked on 05 Jan 2016, 06:41 PM

In my BundleConfig.cs file I have the following...

            bundles.Add(
                new ScriptBundle("~/Scripts/JQueryUI").Include(
                    "~/Scripts/jqueryUI/jquery.js",            // Jquery UI
                    "~/Scripts/jqueryUI/jquery-ui.min.js"   // Jquery UI
                )
            );

            bundles.Add(new StyleBundle("~/Content/JQueryCSS").Include(
                "~/Content/jquery-ui.min.css" // Jquery UI CSS file
                )
            );

These files are to allow me to easily create a slide-out panel using the JQueryUI library which sits on top of the standard JQuery library.

Rendering the scripts in the Layout.cshtml file like this...

    @Scripts.Render("~/bundles/modernizr")
    @Scripts.Render("~/bundles/jquery")
    @Scripts.Render("~/bundles/jqueryval")
    @Scripts.Render("~/bundles/kendo")
    @Styles.Render("~/Content/css")
    @Styles.Render("~/Content/kendo/css")
    @Scripts.Render("~/Scripts/leylascriptlibrary")
    @Styles.Render("~/Content/JQueryCSS")
    @Scripts.Render("~/Scripts/JQueryUI")

... results in the following error when the Grid is populated...

    "TypeError: Object doesn't support property or method 'kendoGrid'\n   at Anonymous function (Unknown script code:2:20)\n   at fire (http://localhost/LeylaPublicWeb/Scripts/jqueryUI/jquery.js:3048:5)\n   at add (http://localhost/LeylaPublicWeb/Scripts/jqueryUI/jquery.js:3094:7)\n   at ready (http://localhost/LeylaPublicWeb/Scripts/jqueryUI/jquery.js:271:3)\n   at init (http://localhost/LeylaPublicWeb/Scripts/jqueryUI/jquery.js:214:4)\n   at jQuery (http://localhost/LeylaPublicWeb/Scripts/jqueryUI/jquery.js:63:3)\n   at Global code (Unknown script code:2:2)\n   at globalEval (http://localhost/LeylaPublicWeb/Scripts/jqueryUI/jquery.js:611:6)\n   at domManip (http://localhost/LeylaPublicWeb/Scripts/jqueryUI/jquery.js:6281:9)\n   at append (http://localhost/LeylaPublicWeb/Scripts/jqueryUI/jquery.js:6047:3)"

The grid never completes loading and the site just hangs.

There is something that clashes between the Kendo library and the JQueryUI library.  Rearranging the order in which the scripts are rendered places the error elsewhere, but it still gives me an error.

Has anyone seen this before?

I am using the JQuery-ui library 1.11 downloaded from here: http://jqueryui.com/

1 Answer, 1 is accepted

Sort by
0
Vladimir Iliev
Telerik team
answered on 08 Jan 2016, 08:38 AM
Hi Ken,

Basically integration of UI for ASP.NET MVC with third party libraries falls outside the scope of this support service, however if you provide runable example where the issue is reproduced I would be glad to inspect it and advice you how to proceed. 

Regards,
Vladimir Iliev
Telerik
Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items
Tags
Grid
Asked by
Ken De Vries
Top achievements
Rank 1
Answers by
Vladimir Iliev
Telerik team
Share this question
or