jquery - ツリー ビュー svg 線 剣道

Question

ツリービューの2つのテーブルの間に線を引くためにjquery uiとkendoを使用するのを手伝ってください

svg ラインを使用して両方のテーブルの変数を接続したい

ツリービューの2つのテーブルの間に線を引くためにjquery uiとkendoを使用するのを手伝ってください

svg ラインを使用して両方のテーブルの変数を接続したい

ツリービューの2つのテーブルの間に線を引くためにjquery uiとkendoを使用するのを手伝ってください

svg ラインを使用して両方のテーブルの変数を接続したい

       Name: "Furniture",
        expanded: true,
        items: [{


    Name: "Tables & Chairs",
            Id: 1
        }, {
            Name: "Sofas",
            Id: 99
        }, {
            Name: "Occasional Furniture",
            Id: 3
        }]
    }, {
        Name: "Decor",
        items: [{
            Name: "Bed Linen",
            Id: 4
        }, {
            Name: "Curtains & Blinds",
            Id: 5
        }, {
            Name: "Carpets",
            Id: 6
        }]
    }, {
        Name: "Storage",
        Id: 7
    }],

dataTextField: "Name",
    dataValueField: "Id"
}).data('kendoTreeView');






    dataSource: [{
        Name: "Furniture",
        expanded: true,
        items: [{

      Name: "Tables & Chairs",
            Id: 1
        }, {
            Name: "Sofas",
            Id: 99
        }, {
            Name: "Occasional Furniture",
            Id: 3
        }]
    }, {
        Name: "Decor",
        items: [{
            Name: "Bed Linen",
            Id: 4
        }, {
            Name: "Curtains & Blinds",
            Id: 5
        }, {
            Name: "Carpets",
            Id: 6
        }]
    }, {
        Name: "Storage",
        Id: 7