Empresas
Empleos
  • Sobre nosotros
  • Soluciones
    • Publicación de vacantes
      Publica tu vacante y recibe candidatos calificados en 48h.
    • Evaluación de candidatos
      500+ pruebas técnicas y psicológicas, más anti-fraude.
    • Headhunting
      Búsqueda ejecutiva a la medida de principio a fin.
    • Nómina + EOR
      Dispersión de nómina y EOR en más de 15 países de LATAM.
  • Precios
  • Empleos

0

272
Vistas
Angular-Ag-Grid: ¿Cómo deshabilitar una casilla de verificación o entradas de radio en una celda de fila específica, después de que los datos estén completamente cargados y en otro evento?

Tengo problemas para deshabilitar una casilla de verificación que se carga dinámicamente en una acción.

Estoy usando un CellRendererFramework con un componente personalizado para cargar datos de cuadrícula básicos, a continuación se muestra mi columnDef para el mismo. Tengo un evento fuera de ag-grid cuando marco esa casilla de verificación. Estoy insertando datos de fila dinámicos en la cuadrícula. al hacerlo, si el valor de la columna de estado de los datos de esa fila es falso, entonces tengo que deshabilitar la casilla de verificación y el botón de opción de esa fila específica.

Aquí puedo encontrar rowNodeId de la nueva fila, pero no puedo desactivar la casilla de verificación y la radio:

 { headerName: 'abc', field: 'abc'}, { headerName: 'State', field: 'state'}, { headerName: 'check Case', field: 'checkCase', cellRendererFramework: GridCheckboxRendererComponent, onCellValueChanged: (event: CellValueChangedEvent) => { this.updateCaseCheck(event); }, cellRendererParams: { disableCaseCheckbox: this.disableWhenCaseisArchived } }, { headerName: 'Make Default', field: 'makeDefault', cellRendererFramework: GridRadioButtonRendererComponent, onCellValueChanged: (event: CellValueChangedEvent) => { this.setDefault(event); }, cellRendererParams: { disableDefaultRadio: this.disableWhenCaseisArchived } }

Intenté usar el parámetro de renderizador de celdas personalizado, pero solo se configura mientras se crea una instancia de la cuadrícula.

Estoy configurando datos usando gridApi, como a continuación y caseRowData tendrá datos anteriores y posteriores al evento:

 this.gridApi.setRowData(this.caseRowData);

Dentro de mi casilla de verificación de cuadrícula personalizada y componentes de radio en agOninit, estoy asignando este valor de renderizador personalizado y lo mismo está asignado para deshabilitar el atributo en las entradas de casilla de verificación y radio respectivamente.

Cualquier ayuda es muy apreciada.

about 4 years ago · Juan Pablo Isaza
1 Respuestas
Responde la pregunta

0

Dentro de su componente cellRendererFramework, es decir, GridCheckboxRendererComponent o GridRadioButtonRendererComponent , puede usar la propiedad de datos que viene dentro de los parámetros

 class CellRenderer implements ICellRendererParams { public disableCheckbox: boolean; agInit(params: ICellRendererParams): void { this.disableCheckbox= params.data.state; } }

Ahora puede usar esta variable disableCheckbox para deshabilitar la asignación de atributos en html.

about 4 years ago · Juan Pablo Isaza Denunciar
Responde la pregunta
Encuentra empleos remotos

¡Descubre la nueva forma de encontrar empleo!

Top de empleos
Top categorías de empleo
Empresas
Publicar vacante Precios Comercial
Legal
Términos y condiciones Política de privacidad
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Recomiéndame algunas ofertas
Necesito ayuda