0

私はフローチャート エディターに取り組んでおり、ui.inspector でリンクのラベルを編集したいと考えています。

私は次のことをしました:

function createInspector(cellView) {


    if (!inspector || inspector.options.cellView !== cellView) {

        if (inspector) {

            inspector.remove();
        }

inspector = new joint.ui.Inspector({
            inputs: {

                labels: 
             attrs: {
            text:{

          text: { type: 'textarea', group: 'Labels', label: 'Label', index: 2 },

                 }
                }

                        },

            },

            },
            groups: {

               labels:[ { label: 'Labels', index: 1 },
            }],
            cellView: cellView
        });
        $('#inspector-holder-create').html(inspector.render().el);
    }
}

paper.on('cell:pointerdown', function(cellView) {
    createInspector(cellView);
});

ただし、リンクを編集すると、JSON 出力に次のように表示されます。

"labels": {
            "0": {
                "attrs": {
                    "text": {
                        "text": "Text I entered"
                    }
                }
            }
        },

ステンシルのリンクでは実際にはレンダリングされません。

問題は、インスペクターが追加する{ "0":部分にあると思います。それを削除して [ ] に置き換えたいので、出力は

 labels: [
    { attrs: { text: { text: 'label' } } }
]

私は何をすべきか ??

4

2 に答える 2