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

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

    Angular Grid Clipboard Interactions Example

    Functionality

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

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

    Limitations

    • 둘 다 자르다 그리고 복사 이벤트는 Internet Explorer에서 기본적으로 지원되지 않습니다. 예외는 반죽 발생하지만 노출하지 않는 이벤트(IE 11) clipboardData 이벤트의 재산.
    Note

    IE 11에서 셀을 copy 하려면 키보드 선택을 사용할 수 있습니다. 여러 셀을 선택하려면 shift key 누르고, 복사하려면 Ctrl + C 누르세요.

    • 그리드가 편집 모드에 있는 동안에는 복사 동작이 비활성화됩니다.
    • 이 기능의 현재 버전은 그리드 동작에서 copy만 다룹니다. 나중에 우리는 그리드 동작 내에서 paste 노출할 계획입니다. paste 넣기 동작을 구성하기 위해 사용자 정의 붙여넣기 처리기를 사용할 수 있습니다. Excel에서 붙여넣기 항목을 살펴보세요.

    API Usage

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

    • enabled 선택한 셀의 복사를 활성화/비활성화합니다.
    • copyHeaders 복사할 때 연관된 헤더를 포함합니다.
    • copyFormatters 복사된 데이터에 기존 열 포맷터를 적용합니다.
    • separator 클립보드의 데이터 형식을 지정하는 데 사용할 문자열 구분 기호입니다. 기본값은 /t 입니다.
    Note

    Excel에서는 탭(탭으로 구분된 /t)으로 구분된 텍스트를 자동으로 감지하고 데이터를 별도의 열에 적절하게 붙여 넣을 수 있습니다. 붙여넣기 형식이 작동하지 않고 붙여넣은 모든 항목이 단일 열에 나타나는 경우 Excel의 구분 기호가 다른 문자로 설정되었거나 텍스트가 탭 대신 공백을 사용하는 것입니다.

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

    Additional Resources

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