Can i add ui.TextEditor to the items of standard.HeaderedRecord

[Naveena1321]

Introduction

Can i add ui.TextEditor to the items of standard.HeaderedRecord

Steps to reproduce

No response

Restrictions & Constraints

No response

Does your question relate to JointJS or JointJS+. Select both if applicable.

JointJS, JointJS+

[kumilingus]

Here is an example of how to edit an item to a double-click.

paper.on('element:magnet:pointerdblclick', (elementView: dia.ElementView, evt: dia.Event, magnet: SVGElement) => {
    evt.stopPropagation();
    const element = elementView.model as Records;
    const id = elementView.findAttribute('item-id', magnet);
    graph.startBatch('edit-item');
    element.attr([`itemLabel_${id}`, 'itemText'], { textWrap: false });
    function close() {
        ui.TextEditor.close();
        element.removeAttr([`itemLabel_${id}`, 'itemText']);
        graph.stopBatch('edit-item');
    }
    ui.TextEditor.edit(magnet, {
        cellView: elementView,
        textProperty: [...element.getItemPathArray(id), 'label'],
        onKeydown: (evt: KeyboardEvent) => {
            if (evt.code === 'Enter') {
                evt.stopPropagation();
                close();
            }
        },
        onOutsidePointerdown: () => close()
    });
});