Descripción general del portapapeles de React Grid

    Las operaciones de copia al portapapeles ahora están disponibles en IgrGrid. Esta funcionalidad proporciona una forma rápida, fácil y personalizable de copiar datos de React IgrGrid 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 IgrGrid a Excel u otros programas externos.

    Ejemplo de portapapeles de React Grid

    EXAMPLE
    DATA
    TSX
    CSS

    ¿Te gusta este ejemplo? Obtén acceso a nuestro kit de herramientas completo Ignite UI for React y comienza a crear tus propias aplicaciones en minutos. Descárgalo gratis.

    Funcionalidad

    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.
    Ignite UI for React | CTA Banner

    Limitaciones

    • 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.

    Para copiar celdas en IE 11, puede utilizar la selección del teclado. Mantenga presionada la tecla Mayús 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 copia desde la cuadrícula. Más adelante planeamos exponer el comportamiento paste dentro de la cuadrícula.

    Uso de API

    Exponemos la propiedad clipboardOptions, 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

    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 clipboardOptions.

    Recursos adicionales

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