1. Home
  2. Forum
  3. ASP.NET Web Forms
  4. Error on Kanban (Uncaught referenceError: ej is nto defined)

Error on Kanban (Uncaught referenceError: ej is nto defined)

Please help,

I am trying to use the KanBan control on a project, however, when trying to use it, I get the following error on Google Chrome Console: Uncaugh ReferenceError: ej is not defined..

The files attached, show that the order in which the SyncFusion libraries should be loaded are correct, the code behind, I believe is also correct (all I want at this moment is to show the tasks). 

Thank you in advance. 


THIS IS THE QUERY I'M USING TO BRING ALL RESULTS FROM DATABASE 

SELECT

[Assignee] = dbo.ufn_nombre_empleado(id_empleado),

[Summary] = CONVERT(VARCHAR(20),v.orden),

[Estimate] = CONVERT(VARCHAR(10),0),

[Status] = v.estatus_kanban_en_proceso,

[id] = CONVERT(VARCHAR(20), v.orden)+ CONVERT(VARCHAR(10), id_empleado)

from v_tiempos_asignacion_inicio_terminacion v

where CONVERT(VARCHAR(26), v.fecha_asignacion, 23) >= ISNULL(@fecha_inicio, CONVERT(VARCHAR(26), v.fecha_asignacion, 23))

AND CONVERT(VARCHAR(26), v.fecha_asignacion, 23) <= ISNULL(@fecha_final, CONVERT(VARCHAR(26), v.fecha_asignacion, 23))



Attachment: Kanban_6f8369e9.rar

5 Replies
BS Buvana Sathasivam Syncfusion Team April 15, 2022 09:33 AM UTC

Hi Corando,


Greetings from Syncfusion support.


We suspect that you are not properly referring to ej.web.all.min.js and ej.web.all.min.css files. Please find the below code in your file. 

Site.master

<head>

 

    <meta charset="utf-8" />

 

    <title><%: Page.Title %> - My ASP.NET Application</title>

 

    <link rel='nofollow' href="http://cdn.syncfusion.com/19.2.0.44/js/web/flat-azure/ej.web.all.min.css" rel="stylesheet" />  

 

    <script src="http://cdn.syncfusion.com/js/assets/external/jquery-3.3.1.min.js"></script>

 

    <script src="http://cdn.syncfusion.com/js/assets/external/jquery.easing.1.3.min.js"></script>

 

    <script src="http://cdn.syncfusion.com/js/assets/external/jquery.globalize.min.js"></script>

 

    <script src="http://cdn.syncfusion.com/js/assets/external/jsrender.min.js"></script>

 

    <script src="http://cdn.syncfusion.com/19.2.0.44/js/web/ej.web.all.min.js"></script>

 

    <script src="http://cdn.syncfusion.com/19.2.0.44/js/common/ej.webform.min.js"></script>

 

</head>


Note: In the above highlighted version, specify your downloadable package versions.

Documentation: https://help.syncfusion.com/aspnet/getting-started/manual-integration-of-syncfusion-aspnet-controls#cdn-link-reference

If the issue persists, can you please share your site.master page?

Regards,

Buvana S


CO Corando April 15, 2022 03:27 PM UTC

The problem still persists, I have checked your suggestion, but it did not correct the error. 


Regards,

Corando 


Here is the Master Page


<%@ Master Language="VB" AutoEventWireup="false" CodeBehind="Master.Master.vb" Inherits="SICTA_WEB.Site1" %>


<!DOCTYPE html>

<html>

<head runat="server">


    <title>SICTA</title>


    <!--favicon-->

    <link rel="apple-touch-icon" sizes="144x144" rel='nofollow' href="../apple-touch-icon.png">

    <link rel="icon" type="image/png" sizes="32x32" rel='nofollow' href="../favicon-32x32.png">

    <link rel="icon" type="image/png" sizes="16x16" rel='nofollow' href="../favicon-16x16.png">

    <link rel="manifest" rel='nofollow' href="../manifest.json">

    <link rel="mask-icon" rel='nofollow' href="../safari-pinned-tab.svg">

    <meta name="theme-color" content="#ffffff">


    <asp:ContentPlaceHolder ID="head" runat="server">

    </asp:ContentPlaceHolder>

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">

    <!--boostrap css-->

    <link rel="stylesheet" rel='nofollow' href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css" />

    <link rel='nofollow' href="../Content/bootstrapOverrideResponsiveWidth.css" rel="stylesheet" />


    <!--Lato, Roboto Font for NavBar-->

    <link rel='nofollow' href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">


    <!--footable-->

    <link rel="stylesheet" rel='nofollow' href="https://cdnjs.cloudflare.com/ajax/libs/jquery-footable/2.0.3/css/footable.core.min.css" />


    <!--pickadate-->

    <link rel="stylesheet" type="text/css" rel='nofollow' href="https://cdnjs.cloudflare.com/ajax/libs/pickadate.js/3.5.6/compressed/themes/default.css">

    <link rel="stylesheet" type="text/css" rel='nofollow' href="https://cdnjs.cloudflare.com/ajax/libs/pickadate.js/3.5.6/compressed/themes/default.date.css">


    <%--Jquery.UI css--%>

    <link rel="stylesheet" rel='nofollow' href="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.css" integrity="sha512-aOG0c6nPNzGk+5zjwyJaoRUgCdOrfSDhmMID2u4+OIslr0GjpLKo7Xm0Ao3xmpM4T8AmIouRkqwj1nrdVsLKEQ==" crossorigin="anonymous" referrerpolicy="no-referrer" />


    <!--SyncFusion-->

    <link rel='nofollow' href="http://cdn.syncfusion.com/19.2460.0.44/js/web/flat-azure/ej.web.all.min.css" rel="stylesheet" />

    <link rel='nofollow' href="http://cdn.syncfusion.com/19.2460.0.44/js/web/responsive-css/ej.responsive.css" rel="stylesheet" />


    <!-- jQuery-->

    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

    <script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js" integrity="sha512-uto9mlQzrs59VwILcLiRYeLKPPbS/bT71da/OEBYEwcdNUk8jYIy+D176RYoop1Da+f9mvkYrmj5MCLZWEtQuA==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>

    <%--SyncFusion js--%>

    <script src="http://cdn.syncfusion.com/js/assets/external/jquery.easing.1.3.min.js"></script>

    <script src="http://cdn.syncfusion.com/js/assets/external/jquery.globalize.min.js"></script>

    <script src="http://cdn.syncfusion.com/js/assets/external/jsrender.min.js"></script>

    <script src="http://cdn.syncfusion.com/19.2460.0.44/js/web/ej.web.all.min.js"> </script>

    <script src="http://cdn.syncfusion.com/19.2460.0.44/js/common/ej.webform.min.js"></script>


</head>


<body>

    <form id="form1" runat="server">

        <div class="navbar navbar-default fixed-top">

            <div class="container-fluid">

                <div class="row">

                    <div class="navbar-header">

                        <a class="navbar-brand" rel='nofollow' href="../Login.aspx">

                            <img src="../Imagenes/SICTA-2019.png" />

                        </a>

                        <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navMenu" id="hamburger">

                            <span class="sr-only">Toggle navigation</span>

                            <span class="icon-bar"></span>

                            <span class="icon-bar"></span>

                            <span class="icon-bar"></span>

                        </button>

                    </div>

                    <div class="collapse navbar-collapse" id="navMenu">

                        <ul class="nav navbar-nav">

                            <li><a rel='nofollow' href="../Login.aspx">Salir</a></li>

                            <li class="nav navbar-nav"><a data-toggle="modal" data-target="#modUsuario"><span class="glyphicon glyphicon-user"></span>

                                <asp:Label ID="lblBienvenido" runat="server" Visible="True"></asp:Label></a></li>

                            <li>

                                <asp:Menu ID="mnuPrincipal" runat="server" Orientation="Vertical" RenderingMode="List" SkipLinkText=""

                                    IncludeStyleBlock="False"

                                    CssClass="nav navbar-nav"

                                    StaticMenuStyle-CssClass="nav navbar-nav"

                                    StaticSelectedStyle-CssClass="active"

                                    DynamicMenuStyle-CssClass="dropdown-menu" MaximumDynamicDisplayLevels="2" DynamicHoverStyle-CssClass="dropdown-menu">

                                </asp:Menu>

                            </li>

                        </ul>

                    </div>

                </div>

            </div>

        </div>



        <asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server">

        </asp:ContentPlaceHolder>


        <div class="footer-bottom">

            <div class="container">

                <div class="row">

                    <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6">

                        <div class="copyright">

                            <a target="_blank" rel='nofollow' href="https://sicta.net">©

                                <script>document.write(new Date().getFullYear());</script>, Sistema de Control de Talleres Automotrices </a>

                        </div>

                    </div>

                    <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6">

                        <div class="design">

                            <a>United Body Shop</a> | <a target="_blank" rel='nofollow' href="https://draxena.com">Draxena Soluciones Comerciales S.A. de C.V.</a>

                        </div>

                    </div>

                </div>

            </div>

        </div>


        <!--bootstrap js -->

        <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>


        <%--footable js--%>

        <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery-footable/2.0.3/js/footable.js"></script>

        <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery-footable/2.0.3/js/footable.sort.js"></script>


        <%--pickadate js--%>

        <script src="../Scripts/Moments/moment.min.js"></script>

        <script src="https://cdnjs.cloudflare.com/ajax/libs/pickadate.js/3.5.6/compressed/picker.js"></script>

        <script src="https://cdnjs.cloudflare.com/ajax/libs/pickadate.js/3.5.6/compressed/picker.date.js"></script>


    </form>

</body>

</html>


BS Buvana Sathasivam Syncfusion Team April 18, 2022 02:48 PM UTC

Hi Corando,


To solve your problem, you need to specify the correct Syncfusion CDN links. You need to change the Syncfusion CDN link version from 19.2460.0.44 to 19.2.0.44.


Your code:

 <!--SyncFusion-->

    <link rel='nofollow' href="http://cdn.syncfusion.com/19.2460.0.44/js/web/flat-azure/ej.web.all.min.css" rel="stylesheet" />

    <link rel='nofollow' href="http://cdn.syncfusion.com/19.2460.0.44/js/web/responsive-css/ej.responsive.css" rel="stylesheet" />

 

  <%--SyncFusion js--%>

  ………………………

    <script src="http://cdn.syncfusion.com/19.2460.0.44/js/web/ej.web.all.min.js"> </script>

    <script src="http://cdn.syncfusion.com/19.2460.0.44/js/common/ej.webform.min.js"></script>

 


You need to modify the above code to the below code. (Can you please change the version from 19.2460.0.44 to 19.2.0.44?


<link rel='nofollow' href="http://cdn.syncfusion.com/19.2.0.44/js/web/flat-azure/ej.web.all.min.css" rel="stylesheet" /> 

<link rel='nofollow' href="http://cdn.syncfusion.com/19.2.0.44/js/web/responsive-css/ej.responsive.css" rel="stylesheet" />

…..

 <script src="http://cdn.syncfusion.com/19.2.0.44/js/web/ej.web.all.min.js"></script>

 <script src="http://cdn.syncfusion.com/19.2.0.44/js/common/ej.webform.min.js"></script>


If the above solution did not solve your problem, could you please share the video with your issue? 


Regards,

Buvana S


CO Corando replied to Buvana Sathasivam April 25, 2022 03:02 PM UTC

Sorry for the tardiness. 

This solved the problem! Thank you very much. 

Regards,

Corando 


PO Prince Oliver Syncfusion Team April 27, 2022 05:28 AM UTC

Hi Corando,


Most welcome, we are glad to assist you.


Regards,
Prince

Loader.
Up arrow icon