I have tried many different methods suggested in stackoverflow and on the other pages but still cannot refresh data on the Kendo Grid. I encounter "TypeError: $(...).data(...) is undefined" error when applying the following methods. Any help pls?
<div id="grid"></div>
<button id="refresh" class="k-button" onclick="Refresh()">Refresh</button>
<script>
var grid = $("#grid").kendoGrid({
//code omitted for brevity
dataSource: {
type: "json",
transport: {
read: {
url: "/Event/Event_Read",
dataType: "json",
cache: false
}
},
schema: {
model: {
fields: {
CardNo: { type: 'number' }
//code omitted for brevity
}
}
}
},
pageable: {
pageSize: 15,
refresh: true
},
filterable: true,
columns:
[
{ field: "CardNo", title: "Card No", filterable: true }
//code omitted for brevity
]
}).data("kendoGrid");
function Refresh() {
$("#grid").data("kendoGrid").dataSource.read();
$("#grid").data("kendoGrid").refresh();
}
</script>
Hi try this code instead, include the following css and js and try reloading grid.
<!DOCTYPE html>
<html>
<head>
<title></title>
<link rel="stylesheet" href="styles/kendo.common.min.css" />
<link rel="stylesheet" href="styles/kendo.default.min.css" />
<script src="js/jquery.min.js"></script>
<script src="js/kendo.all.min.js"></script>
</head>
<body>
<div id="grid"></div>
<button id="refresh" class="k-button" onclick="Refresh()">Refresh</button>
<script type="text/javascript">
$(function () {
var grid = $("#grid").kendoGrid({
//code omitted for brevity
dataSource: {
type: "json",
transport: {
read: {
url: "/Event/Event_Read",
dataType: "json",
cache: false
}
},
schema: {
model: {
fields: {
CardNo: { type: 'number' }
//code omitted for brevity
}
}
}
},
pageable: {
pageSize: 15,
refresh: true
},
filterable: true,
columns:
[
{ field: "CardNo", title: "Card No", filterable: true }
//code omitted for brevity
]
}).data("kendoGrid");
function Refresh() {
$("#grid").data("kendoGrid").dataSource.read();
$("#grid").data("kendoGrid").refresh();
}
});
</script>
worked for me and for reference have a look at this telerik website.
Collected from the Internet
Please contact [email protected] to delete if infringement.
Comments