shapeIconClick

Описание

Срабатывает при клике на иконку панели инструментов фигуры

Использование

"shapeIconClick": (
    id: string | number,
    event: MouseEvent
) => void;

Параметры

Колбек события вызывается со следующими параметрами:

• id - идентификатор иконки
• event - нативный объект события HTML

Пример

// инициализация Diagram
const diagram = new dhx.Diagram("diagram_container", {
    select: true,
    // настройка панели инструментов с кнопками для элементов
    toolbar: [
        {
            id: "add",
            content: "<i className='dxi dxi-plus-box'>"
        },
        {
            id: "download",
            content: "<i className='dxi dxi-download'></i>"
        },
        {
            id: "remove",
            content: "<i className='dxi dxi-delete-outline'>"
        }
    ]
});
// загрузка данных
diagram.data.parse(data);

diagram.events.on("shapeIconClick", function (action) {
    const selectedId = diagram.selection.getItem().id;
    switch(action) {
        case "download":
            diagram.export.pdf();
            break;
        case "remove":
            diagram.data.remove(selectedId);
            break;
        case "add":
            diagram.data.add({
                text: "New shape",
                parent: selectedId,
            });
            break;
    }
});

Полезная статья: Обработка событий

Связанный пример: Diagram. Конфигурация. Панель инструментов фигуры