Angular 그리드 클립보드 상호 작용

    이제 Grid에서 클립보드에 복사 작업을 사용할 수 있습니다. 이 기능은 현재 다중 셀 데이터 선택을 통해 Angular Data Grid의 데이터를 복사하는 빠르고 쉽고 사용자 정의 가능한 방법을 제공합니다. 시스템 클립보드 동작은 사용자가 Grid에서 Excel 또는 기타 외부 프로그램으로 데이터를 복사할 수 있는 기능을 제공합니다.

    Angular Grid Clipboard Interactions Example

    Functionality

    복사 동작은 브라우저 및 운영 체제에서 정의한 기본 상호 작용으로 작동합니다. 따라서 복사 및 붙여넣기 동작의 경우 다음과 같습니다.

    • Windows/Unix 기반
      • Ctrl + C / Ctrl + Ins를 키보드 단축키로 사용
      • 키보드 단축키로 Ctrl + V / Shift + Ins​
      • 브라우저 메뉴를 통해 작업 복사
    • 맥 OS
      • ⌘ 키보드 단축키로 Cmd + C​
      • ⌘ 키보드 단축키로 Cmd + V​
      • 브라우저 메뉴를 통해 작업 복사

    Limitations

    • ​절단과 복사 이벤트 모두 인터넷 익스플로러에서 네이티브로 지원되지 않습니다. 예외는 붙여넣 기 이벤트(IE 11)로, 이 이벤트는 방출되지만 이벤트 내에서 속성이clipboardData 드러나지 않습니다.
    Note

    IE 11에서 셀을 조작copy 하려면 키보드 선택을 사용할 수 있습니다. 다중 셀 선택을 위해 를shift key 길게 누르고, 복사하려면 를 누르Ctrl + C 세요.

    • 그리드가 편집 모드에 있는 동안에는 복사 동작이 비활성화됩니다.
    • 이 기능의 현재 버전은 오로마 그리드 동작만copy 다룹니다. 나중에 그리드 내 행동을paste 공개할 계획입니다. 사용자 지정 붙여넣기 핸들러를 사용해 동작을 구성할paste 수 있습니다. 저희의 '엑셀에서 붙여넣기' 주제를 참고해 보세요.

    API Usage

    다음 옵션을 처리하는 @Input 속성을 노출합니다clipboardOptions:

    • enabled선택한 셀의 복사를 활성화하거나 비활성화합니다.
    • copyHeaders복사할 때 관련 헤더를 포함하세요.
    • copyFormatters복사된 데이터에 기존 컬럼 포맷터를 적용하세요.
    • separator클립보드 데이터 포맷을 위해 문자열 구분자를 사용합니다. 기본값은/t
    Note

    엑셀은 탭으로 구분/t 된 텍스트를 자동으로 감지하여 데이터를 별도의 열에 적절히 붙여넣을 수 있습니다. 붙여넣기 형식이 작동하지 않고, 붙여넣은 모든 것이 한 열에 나타난다면, 엑셀의 구분자가 다른 문자로 설정되거나 텍스트가 탭 대신 공백을 사용하는 것입니다.

    • gridCopy복사 작업이 실행될 때 방출됩니다. 복사 동작이 활성화된 경우에만 발화됩니다.clipboardOptions

    Additional Resources

    우리 커뮤니티는 활동적이며 항상 새로운 아이디어를 환영합니다.