This is a migrated thread and some comments may be shown as answers.
AngularJS kendo grid with inline edit
3 Answers 97 Views
This is a migrated thread and some comments may be shown as answers.
vladan strigo
Top achievements
Rank 1
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

3 Answers, 1 is accepted

Sort by
0
Kiril Nikolov
Telerik team
answered on 19 Jun 2015, 01:42 PM
Hello,

You need to specify schema and ID configuration for the grid, in order to perform edit operations. So please add the required configuration and try again. If you have any questions - let me know.

Regards,
Kiril Nikolov
Telerik
 
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
 
0
vladan strigo
Top achievements
Rank 1
answered on 02 Jul 2015, 08:54 AM
Thanks Kiril, it works good now with schema and ID configuration.
0
Kiril Nikolov
Telerik team
answered on 02 Jul 2015, 08:59 AM

Hello vladan strigo,

 

Happy to help. In case something else comes up - do not hesitate to contact us.

 

Regards,
Kiril Nikolov
Telerik
 
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
 
Asked by
vladan strigo
Top achievements
Rank 1
Answers by
Kiril Nikolov
Telerik team
vladan strigo
Top achievements
Rank 1
Share this question
or