代码之家  ›  专栏  ›  技术社区  ›  vollstock

Kendo UI图的DataSource是否可以与远程API同步?

  •  0
  • vollstock  · 技术社区  · 9 年前

    我正在使用剑道图来显示一些数据。然而,我也希望在图表上进行并保存更改。

    我的图表绑定到JSON API,其中一个数据源用于图表节点,另一个用于连接 as described here .

    然而,当我将连接从一个节点拖到另一个节点时,数据源不会向API发送任何请求。

    这应该是只读的还是我做错了什么?

    这是我的代码段:

    var myConnectionsDataSource = new kendo.data.DataSource({
        transport: {
            read: {
                url: "/my/api",
                type: "get",
                dataType: "json"
            },
            destroy: {
                url: "/my/api",
                type: "delete"
            },
            update: {
                url: "/my/api",
                type: "put",
                dataType: "json"
            },
            create: {
                url: "/my/api",
                type: "post",
                dataType: "json"
            }
        },
        change: function(data) {
    
            // I started hacking in the change event handler to generate API calls myself
            // is this really necessary?
    
        }
    });
    
    var myDiagram = $("#commands-diagram").kendoDiagram({
        dataSource: myNodesDataSource,
        connectionsDataSource: myConnectionsDataSource
    }).data('kendoDiagram');
    

    如片段中所述,我开始使用 change 连接数据源的事件处理程序,以了解所做的更改,并相应地进行API调用。

    这感觉就像一个奇怪的黑客,因为kendo数据源具有在其他用途(网格和下拉列表)中工作的传输机制。

    1 回复  |  直到 9 年前
        1
  •  1
  •   vollstock    9 年前

    感谢Brett让我再次观看演示。

    数据源要求我实现连接的所有参数(id、from、to、fromX、fromY、toX和toY),无论它们中的大多数是否始终为空。

    我只归还了 from to 字段,但这样数据源就不会对API进行任何调用。