Not all kendo controls working

3 posts, 1 answers
  1. Anish
    Anish avatar
    3 posts
    Member since:
    Sep 2016

    Posted 08 Aug Link to this post

    Hello Everyone,

    I am facing problem in implementing the kendo alert functionality.

    In my page I am using kendo grid which is working perfectly. But when I am trying to use kendo alert, javascript error comes "kendo.alert is not a function". Below is a part of the code.

    kendo.ui.progress($('#myGridDiv'), true);
                $.ajax({
                    url: '<%=ResolveUrl("~/ReportDataService.asmx/GetReportData") %>',
                    data: "{'Office':'" + Office + "','Team':'" + Team + "','Client':'" + Client + "','FileNo':'" + FileNo + "','BillNo':'" + BillNo + "'}",
                    type: "POST",
                    contentType: "application/json; charset=utf-8",
                    dataType: "json",
                    success: function (data) {
                        if (data.d.length > 0) {
                            var grid = $('#myGridDiv').getKendoGrid();
                            grid.dataSource.data(data.d);
                            grid.refresh();
                        }
                        else {
                            kendo.alert('No results found. Displaying last searched results.');     //--> Error comes from here. If no record is found for the grid.
                        }
                        kendo.ui.progress($('#myGridDiv'), false);
                    },
                    error: function (error) {
                        alert("Error: " + JSON.stringify(error));
                        kendo.ui.progress($('#myGridDiv'), false);
                    }
                });

    The scripts that I am using are

    <link rel="stylesheet" href="Styles/kendo.common.min.css" />
        <link rel="stylesheet" href="Styles/kendo.default.min.css" />
        <link rel="stylesheet" href="Styles/kendo.default.mobile.min.css" />
    <script src="Scripts/jquery.min.js"></script>
        <script src="Scripts/jszip.min.js"></script>
        <script src="Scripts/kendo.all.min.js"></script>

    Can somebody please help.

    Thanks & Regards

  2. Answer
    Stefan
    Admin
    Stefan avatar
    1147 posts

    Posted 10 Aug Link to this post

    Hello Anish,

    The described error can occur if the Kendo UI version is older than v2016.3.914. The used method kendo.alert is available since v2016.3.914.

    If the application is using an older version, please check if updating it will resolve the issues.

    If the error still occurs after an update, please send a runnable example reproducing the issue and I will gladly assist.

    Regards,
    Stefan
    Progress Telerik
    Try our brand new, jQuery-free Angular 2 components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
  3. Anish
    Anish avatar
    3 posts
    Member since:
    Sep 2016

    Posted 10 Aug Link to this post

    Hi Stefan,

    Thanks for your reply. After changing to v2017.2.621 kendo.alert is working perfectly.

    One small css related issue is their. The filter icon of the grid is not coming properly. I have attached a screen shot of the header column where you can find it.

  4. Anish
    Anish avatar
    3 posts
    Member since:
    Sep 2016

    Posted 10 Aug in reply to Anish Link to this post

    Hey Stefan,

    I solved the filter icon issue. Just have to put

    filterable : {

         cell : {

    showOperators : true,

    }

    }

Back to Top