React에서 조직도(Organizational Chart) 만들기

KendoReact v6 R3 2023에서는 새 OrgChart UI 컴포넌트가 추가되어, 손쉽게 트리 형태의 조직 구조를 설계할 수 있습니다.

React에서 조직도(Organizational Chart) 만들기

Telerik의 KendoReact는 React 개발자를 위한 120개 이상의 반응형이며 사용자 지정 가능한 네이티브 UI 및 DataViz 구성요소로 구성된 전문적인 UI 키트입니다. 강력한 고성능 React 앱을 구축하는 데 시간을 절약하도록 설계되어, 앱의 UI 전반에 걸쳐 현대적이고 일관된 룩앤필을 유지하는 데 도움이 됩니다.

R3 2023 릴리스의 일부인 KendoReact v6은 새로운 OrgChart 컴포넌트를 추가합니다. 이 컴포넌트는 트리와 같은 보기를 제공하며, 사용자가 항목을 편집하고 상위 항목을 변경하며 사용자 친화적인 조직 구조 내에서 노드를 그룹화할 수 있습니다. 자식 항목을 필요에 따라 로드하는 지연 로딩을 지원하고, 로컬 및 원격 데이터 바인딩을 제공하며, 사용자가 브랜치를 확장하거나 축소할 수 있도록 합니다. 또한 노드의 너비, 높이, 제목 높이, 그룹 제목, 간격 및 전반적인 모양을 사용자 지정할 수 있습니다. OrgChart에는 템플릿도 포함되어 있어 개별 항목 메타데이터를 커스터마이즈할 수 있으며, 키보드 내비게이션도 지원합니다.

R3 2023에서 새롭게 추가된 전체 항목 목록을 보려면( v6.0.0 ), 릴리스 노트를 확인하세요.

KendoReact는 다음 제품에서 구매할 수 있습니다: