为什么Kendo dataSouce.transport.update方法不向服务器发送数据

Question

我有一个Kendo UI树列表，每行都显示一个复选框。如果用户单击复选框，则会向服务器发出请求并保存数据。不幸的是，我做错了什么，因为：

• 更新方法不向服务器发送数据
• 并且同步方法不会自动调用

我做错了什么？

我认为我如何设置哪个项目的问题已经改变了。正如您所看到的，我迭代了来自dataSource.data（）的数据集，并更新了item.checked和item.dirty属性。如果我正确理解文档，那么这些更改应该会触发同步方法。它不会触发sync方法，这就是我在方法中调用它的原因。

我的另一个问题是关于数据结构应该发送到服务器。它是基于模式的，对吧？因此，一旦我能够实现请求向服务器发送对象，我就应该创建一个类似的C#POCO作为模型，并且我可以读取webapi控制器中的数据。

在文档中有一个saveRow（）方法，但我无法将该代码转换为angular。在这种情况下有人能帮我吗？

//this row is my problem
var treeList = $("#treeList").data("kendoTreeList");

var dataSource = new kendo.data.TreeListDataSource({
                transport: {
                    read: {
                        url: configurationService.goNoGoWebApiRootUrl + 'AreaPathDependencies/Get/ChildrenMarked/' + selectedAreaPathIdFromModalService,
                        dataType: "json",
                        type: "get"
                    },
                    update:
                        {
                            url: configurationService.goNoGoWebApiRootUrl + 'AreaPathDependencies/Update/AreaPathDependencies',
                            dataType: "json",
                            type: "post"
                        },
                    parameterMap: function (options, operation) {
                        if (operation !== "read" && options.models) {
                            return { models: kendo.stringify(options.models) };
                        }
                    }
                },
                schema: {
                    model: {
                        id: "id",
                        parentId: "parentId",
                        fields: {
                            Id: { type: "number", editable: false, nullable: true },
                            ParentId: { type: "number", editable: false, nullable: true },
                            Name: { type: "string", editable: false, nullable: true },
                            Checked: { type: "boolean", editable: true, nullable: false }
                        }
                    }
                }
            });
            vm.treeListOptions = {
                dataSource: dataSource,
                sortable: false,
                editable: false,
                columns: [
                    {
                        field: "checked",
                        title: "Selected",
                        template: checkBoxTemplate,
                        width: 32
                    },
                    { field: "name", title: "Area Path", width: "200px", expandable: true },
                    { field: "fullPath", title: "FullPath", width: "500px" },
                ],
                save: onSave,
                change: onChange,
                sync: sync,
                autoSync: true,
            };
        }
        function checkboxOnclick(selectedId) {
            console.log('checkboxOnclick', selectedId);
            var data = vm.treeListOptions.dataSource.data();
            for (var i = 0; i < data.length; i++) {
                if (selectedId == data[i].id) {
                    data[i].set("checked", true);
                    //data[i].dirty = true;
                }
            }
            vm.treeListOptions.dataSource.sync();
            //console.log('flush', vm.treeListOptions.dataSource.data());
        }

Answer 1

Wellbatch:true必须设置才能使parameterMap工作，因为只有在启用批处理选项时，模型参数才可用。（参数映射文档）

第二个问题——我不太确定，但正如同步文档中所指出的那样

同步方法将请求远程服务，如果：

• transport.create选项已设置，并且数据源包含新的数据项
• 已设置transport.dedestroy选项，并且数据项已从数据源中删除
• transport.update选项已设置，并且数据源包含更新的数据项

我是如何理解的-要使同步方法工作，您需要返回更新的记录。请检查您的服务器更新/删除方法是否返回该值。