Мероприятие по наведению мыши в Геторгчарте

Question

Событие при наведении мыши в представлении Getorgchart.Как написать событие наведения мыши и событие наведения мыши в представлении Getorgchart.Должен ли я получить информацию об элементе оргструктуры во время перемещения / ухода мыши?

Answer 1

Вы можете прикрепить событие наведения мыши к каждому узлу.Вот пример

var orgchart = new getOrgChart(document.getElementById("people"), {
    updatedEvent: mouseoverListener,
    dataSource: [
        { id: 1, parentId: null, Name: "Amber McKenzie" },
        { id: 2, parentId: 1, Name: "Ava Field" },
        { id: 3, parentId: 1, Name: "Evie Johnson" }]
});

function mouseoverListener() {
    var boxes = document.querySelectorAll("[data-node-id]");
    for (i = 0; i < boxes.length; i++) {
        boxes[i].addEventListener("mouseover", function () { alert("hovered node ID is " + this.getAttribute("data-node-id")) });
    }
}

mouseoverListener();