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

Editable Grid with Angular - Update not working

1 Answer 93 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Patrick
Top achievements
Rank 1
Patrick asked on 28 Feb 2015, 01:14 PM
I am using a kendo-ui grid together with angular and would like to use it's edit functionality. However the update function is never called when trying to edit its contents.

This is how I set the grid:

angular.module("KendoDemos", [ "kendo.directives" ])
        .controller("MyCtrl", function($scope){
            $scope.mainGridOptions = {
                dataSource: {
                    type: "odata",
                    transport: {
                        read: "http://demos.telerik.com/kendo-ui/service/Northwind.svc/Employees",
                          update: function(options){
                          console.log("updated");
                        }
                    }
                },
                  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"
                    },{
                      command: ["edit", "destroy"],
                      title: " ",
                      width: "250px"
                    }]
            };
 
        })


Here is a fiddle to demonstrate it: http://jsfiddle.net/xLp6rLtj/

Even if I'm using a url instead of function in the `datasource.transport.update` parameter, no request is made (and the button can't be released).

What am I missing?

 
English (Auto-Erkennung) » German
 

1 Answer, 1 is accepted

Sort by
0
Patrick
Top achievements
Rank 1
answered on 03 Mar 2015, 12:23 PM
I was able to resolve this. It seemed to be a problem with the dataSource configuration.

¨                    dataSource: {
                        batch: false,
                        transport: {
                            read: {
                                url: "http://www.......",
                                dataType: "json"
                            },
                            update: {
                                url: function(options) {
                                    return "http://www...." + options.id;
                                },
                                type: "PUT",
                                dataType: "json"
                            }
(...)


If done this way, it works.
 
English (Auto-Erkennung) » German
 
Tags
Grid
Asked by
Patrick
Top achievements
Rank 1
Answers by
Patrick
Top achievements
Rank 1
Share this question
or