Reemplazar los filtros flotantes AG Grid con fila de filtro personalizada
- Eliminar todas las referencias flotantesFiltroComponent de columnDefs - Establecer flotanteFilter: falso en todas las columnas - Crear fila de filtro personal...
Moviar valorRef declaración antes de useEstado para corregir error
Utilir ref para almacenar el valor del filtro y evitar que AG Grid lo reajuste
- Almacenar el valor actual en valorRef para persistir en los re-renders - Utilizar esUsuarioChangeRef para evitar el efecto de sincronización de los cambios de...
Eliminar la devolución de llamada deFloatingFilterChanged y mejorar CSS para ocultar los iconos del filtro
- No registrarse enFloatingFilterChanged callback para evitar que AG Grid vuelva a fijar valor - Añadidas reglas CSS completas para ocultar botones de menú de f...
Utiliza params en lugar de params personalizados en DropdownFloatingFilter
Correcto DropdownFloatingFilter params y agregar statusFilterValue to Status filter
Filtro correctoParams tipo acceso y añaden estadoFilterValue a los params
Utiliza params personalizado para el acceso filtradoParams y agregas estadoFilterValue a params
Tipos correctos de escritura para el componente de filtro de estado
Hacer filtro de estado controlado y sincronizar con pestañas de estado
- Añadido estado estado del estado deFilterValue para controlar el menú desplegable del filtro de Estado - Filtro de estado ahora sincroniza con activeStatusTab...
Evite la actualización de encabezado y mantenga el valor del filtro con ref
- Utilice la corrienteValueRef para rastrear y mantener el valor del filtro - Retirar refrescarHeader() llamada que estaba causando que la cabecera se escondier...
Reemplazar tipo 'cual' con la interfaz adecuada para la instancia de filtro
Actualizaciones de filtros de seguimiento adecuada para evitar el restablecimiento del filtro de estado
- Uso estáActualizando la bandera de la empresa para rastrear cuando estamos haciendo cambios - Sólo permitir cambios en el modelo padre para actualizar el valo...
Evite el restablecimiento del filtro con llamadas sin lápidas y esconde iconos con menúTabs
- Registrar la noop enFloatingFilterChanged callback para evitar que AG Grid vuelva a restablecimiento del valor del filtro - Utilizar menúTabs: [] en lugar de ...
Nuevo enfoque para los iconos de filtro de Estado y filtro
- Retirado enFloatingFilterChanged callback para evitar actualizaciones circulares - Almacenar la instancia de filtro en ref y actualizar directamente - Añadida...
Evitar el restablecimiento del filtro de estado con la bandera ref y añadir la supresorHeaderMenuButton
- Añadida supresión deHeaderMenuButton a todas las columnas que deben ocultar los iconos de filtro - Mejora es el momentoInternalChangeRef para evitar actualiza...
Evitar el restablecimiento del filtro de estado y mejorar el escondite del icono del filtro
- Añadido esInternalChangeRef para evitar actualizaciones circulares en los filtros de Estado y SubStatus - Seleccionadores CSS actualizados para ocultar mejor ...
Retirar extra envoltorio de caja que estaba rompiendo la pantalla de la cuadrícula
- El envoltorio de caja anidada y que impedía la rejilla renderizar - Movié estilos CSS directamente al envoltorio de caja exterior - La red ahora debe mostrar ...
Eliminar la dependencia del filtro de Sub Estatus useEfect para arreglar la reactividad
Mejorar la reactividad del filtro de sub Estado y ocultar los iconos del filtro con CSS
- Eliminar la dependencia de StatusFilterValue del uso defectues para evitar cierres ranes - Añada reglas de CSS para ocultar los iconos de botones de filtro pa...
Permite adecuadamente el men desplegable y eliminar todos los iconos del filtro
- Add hasStatusFilter state a SubStatusFloatingFilter para rastrear los cambios de filtro de estado - Añadir filtroChanged event listen oyente de eventos para d...
Permite adecuadamente desplegable Sub Estado y eliminar los iconos del filtro
- Arreglar el bonito de estado para activarse cuando se selecciona el filtro de estado (opciones eliminadas.chequeo de longitud de condición de desactivado) - A...
Habilitar el mené desplegable de Sub Estado cuando se selecciona el estado y elimina los iconos del filtro
- Arregar el menú desplegable para habilitar cuando se selecciona un filtro de Estado - Eliminar iconos del filtro (suppressHeaderMenuButton) de Lead ID, Contac...
Mejorar el comportamiento del filtro y el estilismo
- El menú desplegable de su estado ahora sólo muestra subestaduses para el filtro de estado seleccionado - Desglose de la subestacion del estado se deshabilita ...
Mejorar el estilo y la funcionalidad de filtro desplegable
- Alinear todos los filtros desplegadas a la izquierda con acolchado de 5px arriba - Añadir StatusFloatingFilter component with iconos en menú desplegando artíc...
Añadir columna de estado con iconos y filtro dinámico de subestatus
- Añadir la columna de Estado antes de Sub Estado con iconos (Fresh, Reckoning, Farm, Grim, Void) - Crear el componente StatusRenderer que muestra el estado con...
Resolver errores de tipo descriptos de tipo de DropdownFloatingFilter
- Cambiar params extendidos para usar el tipo de intersección en lugar de extender las params de filtrado IFlotating - Utilízate de la aserción de tipo paramelo...
Resolver errores de ESLint en DropdownFloatingFilter component
- Añadir displayName a FloatingFilterComponent - Eliminar el parámetro ref no utilizado - Reemplazar cualquier tipo con interfaces de TypeScript - Añadir interf...
Añadir filtros flotantes desplegados y establecer el ancho de ID de plomo a 300px
- Crear columnas personalizadas de caídaFloatingFilter para columnas de Estado, vendedor, producto, fuente y agente - Establecer la anchura de la columna de ide...
Cambiar los valores de filtro de funciones a los arrays para la exhibición de desplegaciones
- Cambiar los valores de filtroParams de funciones a matrices directas - AG Grid establecido los filtros requieren valores como arrays, no funciones - Esto debe...
Mejorar la alineación de filas fijas y añadir filtros de desplegación
- Cambiar el acolchado de identificación principal de 50px a 45px en filas atrapadas - Centro alinea celdas de puntuación en filas fijas para que coincidos con ...
Alinear filas clavadas con celdas de lista principal
- Añadir 50px de relleno-izno izquierda a la primera celda (Lead ID) en filas clavadas para la alineación del icono de cuenta - Compensar para borde rojo de 4px...
Reemplaza cualquier tipo con interfaz de LeadWithAccount
- Crear la interfaz de plomoCon una relación de cuenta que se extiende Lead con cuenta opcionalId - Sustitúyase cualquier afirmación de tipo por tipo LeadWithAc...
Agregar icono de asociación de cuenta a la columna ID de plomo
- Añadir el icono de AccountCircle (lleno) para las pistas asociadas a cuentas - Añadir el icono de AccountCircleOutlined (explicado) para las pistas no asociad...
Eliminar el uso incorrectoMemo wrapper del componente ReportsPane
- Eliminar el error, []); el tramo de cierre que estaba causando error de sintaxis - ReportsPane es un componente de función regular, no envuelto en usoMemo
Integrar informes en panel de vista de plomo
- Cargar informes directamente en panel de vista de plomo en lugar de página separada - Crear el componente de ReportsPane con los 8 informes completamente cons...
Reemplaza los componentes de Grid con la caja para arreglar la compatibilidad MUI Grid API
Actualizar pestañas de primera fila y añadir informes página
- Actualizar las pestañas de la primera fila a: Resumen de la actividad . Hipotecas residenciales . Préstamos inmobiliarios comerciales - Añadir botones de info...
Actualizar las pestañas de la fila 2 con todos los plomos y Seleccionados
- Añadir todos los plomos y pestañas seleccionadas a la fila 2 - Fallo en la pestaña Fresco (índice 2) cuando se abre la página - Añadir icono de lista para tod...
Añadir el acolchado al contenedor principal para evitar que los paneles de pestañas toquen paredes
Añadir acolchado y los colores de la pestañas de estado
- Añadir acolchado a las pestañas de producto Tarje y TarjetaContenido - Añadir pestañas de estado codificados por colores: Fresco (verde), Reckoning (azul), Gr...
Estructura correcta de JSX - añadir la etiqueta de cierre faltante de la etiqueta
Reestructurar pestañas de página y filtrado
- Añadir la Fila flotante 1 pestañas: Hipotecas residenciales . Préstamos inmobiliarios comerciales - Add Row 2 pestañas de estado con iconos: Fresh . Reckoning...
Evite el movimiento de la fila de la mesa y la redibujación en la selección de la casilla de verificación
- Desactivar animateRows para prevenir el movimiento visual cuando se seleccionan las filas - Actualizaciones del estado de los lotes en onSelectionChanged usin...
Eliminar las casillas de verificación manuales de IdRenderer
- Eliminar la entrada de la casilla de verificación añadida manualmente de IdRenderer - Rely en la funcionalidad de selección de buzones incorporada de AG Grid ...
Camarar el icono del estado de Grim de raven.svg a raven.ico
- Actualizar la ruta del icono desde /icon/raven.svg a /icon/raven.ico - Mantener el filtro de color rojo (-ef4444) aplicado al icono - Tamaño de iconos queda 1...
Como lo que ves enviaste?
Cada una de estas actualizaciones aterriza en su espacio de trabajo automáticamente. Empieza gratis y verlo crecer semana tras semana.