afterSelect

설명

항목을 선택한 후 발생합니다

사용법

"afterSelect": ({
    id: string | number,
    join: boolean,
    batch: (string | number)[]
}) => void;

매개변수

이벤트의 콜백은 다음 매개변수를 가진 객체와 함께 호출됩니다:

• id - 선택된 항목의 id
• join - 적용된 selection 모드
• batch - 선택된 항목의 목록

예제

// Diagram 초기화
const diagram = new dhx.Diagram("diagram_container", {
    select: true,
    // 기타 설정 옵션
});
// 데이터 로드
diagram.data.parse(data);

// 이벤트에 핸들러 연결
diagram.events.on("afterSelect", ({ id }) => {
    console.log(id + " was selected");
});

다음은 Diagram Editor에 대한 이벤트에 이벤트 핸들러를 연결하는 예제입니다:

// Diagram 에디터 초기화
const editor = new dhx.DiagramEditor("editor_container", {
    // 설정 옵션
});
// 에디터에 데이터 로드
editor.parse(data);

// 이벤트에 핸들러 연결
editor.diagram.events.on("afterSelect", ({ id }) => {
    console.log(id + " was selected");
});

변경 로그: v6.0에서 업데이트

관련 문서:

• diagram.config.select
• 항목 선택