주요 콘텐츠로 건너뛰기

rows

설명

선택 사항입니다. 행(스윔레인) 데이터를 포함하는 객체 배열입니다.

사용법

rows?: [
{
id: string,
label?: string,
collapsed?: boolean,
css?: string,
}, {...} // 다른 행 데이터
];
정보

스윔레인을 생성하려면 rows 속성 배열에 해당 데이터를 지정해야 합니다. UI를 통해 또는 관련 API를 사용하여 스윔레인을 접거나 펼치고, 이름을 변경하고, 삭제하거나 이동할 수 있습니다.

매개변수

각 행(스윔레인)에 대해 다음 매개변수(데이터)를 지정할 수 있습니다:

  • id - (필수) 행(스윔레인)의 ID입니다. 해당 메서드를 통해 행을 관리할 때 사용됩니다.
  • label - (선택 사항) 행(스윔레인) 레이블입니다. 행 섹션에 표시됩니다.
  • collapsed - (선택 사항) 행(스윔레인)의 현재 상태입니다. true인 경우, 행이 처음에 접혀 있습니다. 기본값은 false (펼쳐진 상태)입니다.
  • css - (선택 사항) 개별 행에 적용할 CSS 스타일을 정의합니다.
정보

행(스윔레인)의 새 데이터를 동적으로 로드하려면 parse() 메서드를 사용할 수 있습니다!

예제

const rows = [
{ label: "Feature", id: "feature", collapsed: false, css: "red" },
{ label: "Task", id: "task", collapsed: true }
];

new kanban.Kanban("#root", {
columns,
cards,
rows, // 스윔레인 데이터
// 기타 매개변수
});

변경 내역: css 매개변수는 v1.4에서 추가되었습니다.

관련 문서:

관련 샘플: Kanban. Swimlanes