Hi,
I have one filed name
after inserting Name i need to refresh kendo grid
could you please help me
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Index</title>
<link rel="stylesheet" href="https://kendo.cdn.telerik.com/2020.1.114/styles/kendo.default-v2.min.css" />
<script type="text/javascript" src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
<script type="text/javascript" src="https://kendo.cdn.telerik.com/2020.1.114/js/angular.min.js"></script>
<script type="text/javascript" src="https://kendo.cdn.telerik.com/2020.1.114/js/kendo.all.min.js"></script>
<script type="text/javascript">
var app = angular.module("MyApp", ["kendo.directives"]);
app.controller("MyController", function ($scope, $myService,$window, $http) {
$scope.mainGridOptions = {
dataSource: { transport: { read: "/Home/GetAll/" }, pageSize: 5 },
pageable: { refresh: true, pageSizes: [2, 25, 50] },
groupable: false,
sortable: true,
columns: [
{ field: "CustomerId", title: "Id" },
{ field: "Name", title: "Name" },
]
};
$scope.Save = function () {
var Customer = {
CustomerId: $scope.CustomerId,
Name: $scope.Name,
};
var getData = myService.AddActivity(Customer);
getData.then(function (msg) {
$scope.msg = msg.data;
if (msg.data == "Customer added Successfully") {
alert(msg.data);
}
});
};
})
app.service("myService", function ($http) {
// Add Activity by Id
this.AddActivity = function (activitie) {
var response = $http({
method: "post",
url: "/Home/AddCustomer5",
data: JSON.stringify(activitie),
dataType: "json"
});
return response;
}
});
</script>
</head>
<body ng-app="MyApp" ng-controller="MyController">
Name:<input type="text" ng-model="Name" />
<br />
<button ng-click="Save()">Save</button>
<kendo-grid options="mainGridOptions" id="tblCustomers"></kendo-grid>
</body>
</html>
