0

オブジェクトの領域を描画するために、チャップ リンク ライブラリhttps://github.com/almende/chap-links-library/tree/master/js/src/networkを使用しています。

クリック時にオブジェクトに設定したIDを使用できるようにしたいのですが、このコードがあります

    function onselect() {
        var sel = network.getSelection();
        console.log("selected "+sel[0].row);
    }     

動的に作成されたテーブルから行番号を取得するだけで、正常に動作します。その行から値 (設定したオブジェクト ID) を取得したいのですが、アクセス方法がわかりません。

私は疲れているようなものがあります

sel[0].row.id

sel[0].row.getId()

sel[0].行[0]

しかし、彼らがどのようにデータを構造化しているかはわかりません...

以前にこれに遭遇して解決した人はいますか?

これは私がデータを設定する方法です

            nodesTable.addRow([45, "myObjectName", "image", "images/container_icons/icon.png"]);
4

1 に答える 1

0

私のアプリでは、並列配列を作成して解決しました...

    //rendera objekt
    window.clickHelper = []; //keep track of container id in conjunction with hierarchy-canvas-object's id
    var i = 0; //counter for above

ノードを作成するたびにデータを入力しています...

            nodesTable.addRow([{{ c.id }}, "{{ c.name }}", "image", "{{ asset('images/container_icons/'~c.icon~'.png') }}"]);
            clickHelper[i]={{c.id}};
            i++;

次に、 onSelect イベントでその配列からデータを呼び出します...

    function onselect() {
        //get selected node from network
        var sel = network.getSelection();
        sel = sel[0].row;

        //get path base structure
        var path = '{{ path('editGroup') }}';

        //fix path with the DB id of the clicked object
        path = path+clickHelper[sel];

        window.location.href = path;
    }

二重の {{ }} は、それに慣れていない人のための TWIG テンプレートです。ここに JavaScript と TWIG ServerSide コードが混在しています。申し訳ありません。

于 2013-11-25T10:01:53.110 に答える