web-dev-qa-db-fra.com

Comment créer une info-bulle sur une ligne de grille ag?

Je veux afficher une info-bulle conditionnellement basée sur le champ status, en survolant une ligne entière (pas seulement sur les cellules). Dans la documentation de l'API, j'ai trouvé ceci: https://www.ag-grid.com/javascript-grid-column-properties/

info-bulle Un rappel qui prend (value, valueFormatted, data, node, colDef, rowIndex et api) Il doit renvoyer la chaîne utilisée comme info-bulle. tooltipField a priorité.

Peut-il être utilisé pour afficher une info-bulle sur une ligne entière? Si oui, quelqu'un pourrait-il fournir un exemple de travail? Sinon, existe-t-il un autre moyen d'y parvenir?

Merci

ag-gridag-grid-ng2
5
Sandeep Kumar

Je les utilise comme ceci dans la définition de colonne:

{
    field: 'fullAddress',
    headerName: 'Address',
    tooltip: (params) => 'Address: ' + params.value
}
5
Quad Coders

J'ai trouvé quelque chose comme ça:

gridOptions.defaultColDef = {
    tooltip: (params) => {
        if (condition2) {
            return "Some txt";
        } else if (condition2) {
            return "Some txt2";
        } else {
            return "Some txt3";
        }
    }
};

Il ajoutera cette info-bulle en tant que définitions de colonnes par défaut afin que vous n'ayez pas besoin de la copier dans chaque définition de colonne.

-> lien vers la documentation: https://www.ag-grid.com/javascript-grid-cell-editing/

4
kWakulewski