javascript - Kendo Angular-更新数据

我有个问题。我在Angular Web api中使用kendo，但更新数据时遇到问题。这是我的代码。

$scope.documentListGridOptions = {
    dataSource: {
        type: "json",
        transport: {
            read: {
                url: serviceBase + "Documents/GetListDocuments",
                type: "POST",
                dataType: "json",
                contentType: 'application/json',
                beforeSend: function (req)
                {
                    req.setRequestHeader('Authorization', authGlobalService.getAuthorizationData().token);
                }
            },
            parameterMap: function (options)
            {
                if (options.filter)
                {
                    options.filter = options.filter.filters;
                }

                return JSON.stringify(options);
            }
        },
        schema: {
            data: "data",
            total: "total"
        },
        pageSize: 5,
        serverPaging: true,
        serverSorting: true,
        serverFiltering: true
    },
    selectable: 'row',
    scrollable: false,
    sortable: true,
    filterable: {
        extra: false
    },
    pageable: true,
    change: function (idSelectedVote)
    {
        $scope.$apply(function ()
        {
            $scope.setSelected(idSelectedVote.sender.dataItem(idSelectedVote.sender.select()));
        });
    },
    dataValueField: "id",
    columns: [{
        title: "Id dokumentu",
        field: "documentId",
        hidden: true
    },{
        title: "Nazwa dokumentu",
        field: "nameDocument"
    },{
        title: "Opis",
        field: "descriptionDocument"
    },{
        title: "Data dodania",
        field: "dateAdded"
    }]
};

数据从数据库中获取，一切都很好。但是，当数据更改时，我不知道如何更新数据。我如何向数据库提出另一个请求。请寻求帮助。

编辑：

var documentListGridOptionsRemote = new kendo.data.DataSource({
    autoSync: true,
    transport: {
        read: {
            method: 'POST',
            url: serviceBase + "Documents/GetListDocuments",
            data: { name: "eco" },
            dataType: "jsonp",
            beforeSend: function (req) {
                req.setRequestHeader('Authorization', authGlobalService.getAuthorizationData().token);
            }
        },
        update: {
            method: 'POST',
            url: serviceBase + "Documents/GetListDocuments",
            dataType: "json",
            beforeSend: function (req) {
                req.setRequestHeader('Authorization', authGlobalService.getAuthorizationData().token);
            }
        }
    }
});

$scope.documentListGridOptions = {
    dataSource: documentListGridOptionsRemote,
    schema: {
        data: "data",
        total: "total"
    },
    selectable: "row",
    scrollable: false,
    sortable: true,
    filterable: {
        extra: false
    },
    pageable: true,
    columns: [
        { field: "documentId", title: "Id", hidden: true },
        { field: "nameDocument", title: "Nazwa dokumentu" },
        { field: "descriptionDocument", title: "Opis" },
        { field: "dateAdded", title: "Data dodania" },
        { field: "name", title: "Test" }

    ]
};

最佳答案

在数据源的传输中，您需要像这样指定update属性：

transport: {
    read: {
        url: serviceBase + "Documents/GetListDocuments",
        type: "POST",
        dataType: "json",
        contentType: 'application/json',
        beforeSend: function (req)
        {
            req.setRequestHeader('Authorization', authGlobalService.getAuthorizationData().token);
        },
    update: {
            //you can have function for url if you need to customise you url
            //like url:function(data){ serviceBase + "Documents/GetListDocuments("+data.id+");}
            url: serviceBase + "Documents/GetListDocuments",
            type: "POST",//properly dont need this one, as update is a 'PUT'
            dataType: "json",
            contentType: 'application/json',
            beforeSend: function (req)
            {
                req.setRequestHeader('Authorization', authGlobalService.getAuthorizationData().token);
            }
        },

并使用“创建”进行添加和“销毁”
对于完整的文档，请检查this document，我也建议使用有角度的httpProvider拦截器来处理身份验证令牌，因此您不必在每个请求中都具有beforeSend