Kendo Grid and Jquery-UI script...

2 posts, 0 answers
  1. Ken De Vries
    Ken De Vries avatar
    24 posts
    Member since:
    Mar 2010

    Posted 05 Jan Link to this post

    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/

  2. Vladimir Iliev
    Admin
    Vladimir Iliev avatar
    2172 posts

    Posted 08 Jan Link to this post

    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
  3. UI for ASP.NET MVC is VS 2017 Ready
Back to Top