This is a migrated thread and some comments may be shown as answers.

AngularJS kendo grid with inline edit

3 Answers 265 Views

Integration with other JS libraries

This is a migrated thread and some comments may be shown as answers.

vladan strigo asked on 18 Jun 2015, 08:17 AM

Hello

Does kendo grid, with AngularJS, supports inline edit? I've been trying to make it work (with edit and cancel buttons) and at the start everything looks good.

Clicking on "Edit" button the "Update" button shows up but when I click on the "Update" button nothing happens.

Here's my code and a link on the live example: http://dojo.telerik.com/olEZE/9

NOTE: Update url is just a dummy url to see if "Update" button makes any request to the server.

angular.module("KendoDemos", [ "kendo.directives" ])
.controller("MyCtrl", function($scope){
$scope.mainGridOptions = {
dataSource: {
type: "odata",
transport: {
read: {
url: "http://demos.telerik.com/kendo-ui/service/Northwind.svc/Employees",
dataType: "json"
},
update: {
url: "http://demos.telerik.com/kendo-ui/service/Northwind.svc/Employees",
dataType: "json"
}
}
},
editable: "inline",
columns: [{
field: "FirstName",
title: "First Name",
width: "120px"
},{
field: "LastName",
title: "Last Name",
width: "120px"
},{
field: "Country",
width: "120px"
},{
field: "City",
width: "120px"
},{
field: "Title"
},
{ command: ["edit", "destroy"], title: " ", width: "250px" }
]
};
})

Thanks

Vladan

AngularJS kendo grid with inline edit

3 Answers, 1 is accepted