본문으로 건너뛰기

beforeItemResize

설명​

항목의 크기가 변경되기 전에 발생합니다

사용법​

"beforeItemResize": ({
    id: string | number,
    width: number,
    height: number,
    x: number,
    y: number,
    dir: "n" | "ne" | "e" | "se" | "s" | "sw" | "w" | "ne"
}) => boolean | void;

매개변수​

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

  • id - 크기가 조정되는 항목의 id
  • width - 항목의 새 너비
  • height - 항목의 새 높이
  • x - 항목의 새 X좌표
  • y - 항목의 새 Y좌표
  • dir - 크기 조정 작업의 방향:
    • "n" - 북쪽
    • "ne" - 북동쪽
    • "e" - 동쪽
    • "se" - 남동쪽
    • "s" - 남쪽
    • "sw" - 남서쪽
    • "w" - 서쪽
    • "nw" - 북서쪽

반환값​

콜백은 항목의 크기 조정을 막으려면 false를 반환하고, 그렇지 않으면 true를 반환합니다.

예제​

// Diagram Editor 초기화
const editor = new dhx.DiagramEditor("editor_container");
// 데이터 로드
editor.parse(data);

// 이벤트에 핸들러 연결
editor.events.on("beforeItemResize", ({ id, width, height }) => {
    if (width < 50 || height < 50) {
        console.log(`Preventing resize of item ${id} because it's too small.`);
        return false; // 크기 조정 방지
    }
    console.log(`Resizing the item ${id} to the width: ${width}, height: ${height}`);
});

변경 로그:

  • 이 이벤트는 v6.1에서 추가되었습니다.

관련 API:

관련 샘플:

Need more help?Contact Support