私はフローチャート エディターに取り組んでおり、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' } } }
]
私は何をすべきか ??