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