2016-06-23 6 views
0

J'utilise ag-grid pour afficher une liste de colonnes. Une des colonnes contient la section de date.calendrier sous forme de popup dans la cellule ag-grid

L'utilisateur doit pouvoir modifier la ligne et utiliser le calendrier pour sélectionner une date particulière. Une fois qu'une date est sélectionnée, elle sera mise à jour dans la cellule.

Une idée de comment le rendre réalisable?

Comme par grille Ag, nous devons utiliser cellEditor plutôt que cellRenderer pour modifier une cellule et le calendrier montrent à chaque cellule pour la sélection d'une date

https://www.ag-grid.com/javascript-grid-cell-editing/index.php Ils ont donné quelques exemples de la façon dont nous pouvons utiliser Celleditor . Quelqu'un peut-il s'il vous plaît laissez-moi savoir comment utiliser le calendrier pour chaque cellule de la colonne «date».

Répondre

2

obtenu la réponse suivante de l'équipe-réseau ag

édition des dates ne sont pas fournies hors de la boîte. vous devrez créer votre propre éditeur de cellules pour les dates.

détails sur la façon de faire les éditeurs de cellule est ici: https://www.ag-grid.com/javascript-grid-.../index.php

0

J'utilise bootstrap, et ceci a la propriété type = "date". J'ai une liste "ListDataSource", ceci a un appel de dossier celDate et contient ce html: Quand j'envoie cette liste à api.setRowData (ListDataSource), la grille crée l'entrée de date.

À bientôt.

+0

Salut, Pouvez-vous s'il vous plaît expliquer plus ou montrer un exemple si possible. – Patrick