Interacciones del portapapeles de cuadrícula Angular

    Las operaciones de copia al portapapeles ahora están disponibles en la cuadrícula. Esta funcionalidad proporciona una manera rápida, fácil y personalizable de copiar datos de Angular Data Grid a través de la selección de datos de múltiples celdas actual. El comportamiento del Portapapeles del sistema le brinda al usuario la capacidad de copiar datos de la cuadrícula a Excel u otros programas externos.

    Angular Grid Clipboard Interactions Example

    Functionality

    El comportamiento de copia funciona con la interacción predeterminada definida por el navegador y el sistema operativo. Así, para los comportamientos de copiar y pegar, estos son:

    • Basado en Windows/Unix
      • Ctrl + C / Ctrl + Ins como atajo de teclado
      • Ctrl + V / Shift + Ins como atajo de teclado
      • Copiar acción a través del menú del navegador.
    • Mac OS
      • ⌘ Cmd + C como atajo de teclado
      • ⌘ Cmd + V como atajo de teclado
      • Copiar acción a través del menú del navegador.

    Limitations

    • Tanto los eventos de corte como los de copia no son compatibles de forma nativa con Internet Explorer. La excepción es el evento de pegado (IE 11), que se emite pero no expone la propiedad clipboardData en el evento.
    Note

    Para copy celdas en IE 11, puede utilizar la selección del teclado. Mantenga presionada la shift key para realizar una selección de varias celdas, presione Ctrl + C para copiar.

    • El comportamiento de copia está deshabilitado mientras la cuadrícula está en modo de edición.
    • La versión actual de esta función cubre solo el comportamiento de copy desde la cuadrícula. Más adelante planeamos exponer el comportamiento paste dentro de la cuadrícula. Puede utilizar un controlador de pegado personalizado para configurar el comportamiento paste; consulte nuestro tema Pegar desde Excel.

    API Usage

    Exponemos la propiedad clipboardOptions @Input, que maneja las siguientes opciones:

    • enabled Habilita/deshabilita la copia de celdas seleccionadas.
    • copyHeaders Incluye los encabezados asociados al copiar.
    • copyFormatters Aplique cualquier formateador de columna existente a los datos copiados.
    • separator El separador de cadena que se utilizará para formatear los datos en el portapapeles. El valor predeterminado es /t
    Note

    Excel puede detectar automáticamente texto separado por tabulaciones (delimitado por tabulaciones /t) y pegar correctamente los datos en columnas separadas. Cuando el formato de pegado no funciona y todo lo que pega aparece en una sola columna, entonces el delimitador de Excel está configurado en otro carácter o su texto usa espacios en lugar de tabulaciones.

    • gridCopy Se emite cuando se ejecuta una operación de copia. Se activa solo si el comportamiento de copia está habilitado a través de las clipboardOptions

    Additional Resources

    Nuestra comunidad es activa y siempre da la bienvenida a nuevas ideas.