2016-03-18 3 views
-1

Je suis nouveau à ag-grille et de travailler sur la mise en œuvre d'une exigence.J'ai 3 colonnes et 2 d'entre eux sont modifiables. Ma première colonne contient une case à cocher, sur laquelle je dois convertir les deux colonnes en éditable.passer en mode modifiable dans la cellule applicable dans Réagir ag-grille sur le clic de la case à cocher

Veuillez noter que j'utilise la version ag-grid reactjs.

Toute aide est fortement appréciée.

Merci.

+0

Pouvez-vous poster un exemple de travail de votre code? – icedek

Répondre

0

J'ai eu le même problème plus ou moins .. et la solution que j'ai trouvé impliqué beaucoup de creuser autour de la source. Je ne sais pas s'il y a une meilleure façon (non hacky) de le faire .. mais ..

Je me suis connecté à l'événement "onRowClicked".

onRowClicked(params) { 
    const clickedRow = params.api.rowRenderer.renderedRows[params.rowIndex] 
    clickedRow.renderedCells.myColId1.startEditingIfEnabled() 
    clickedRow.renderedCells.myColId2.startEditingIfEnabled() 
    // where myColID1/2 are from the colDef 
} 

Il est probablement trop tard, mais cela fonctionne sur mon ordinateur.

+0

essayé cela mais si vous cliquez sur une cellule différente avec une case à cocher et mon champ modifiable est dans une colonne différente, quand je cours votre code, il ne se concentrera pas sur ce champ modifiable. – gerl