1
votes

Envoyer des accessoires à frameworkComponents (ag-grid) avec Vue

Je voudrais passer un accessoire à frameworkComponents, j'utilise Vue. Une idée de comment je pourrais le faire?

file grid.vue

props: {
    myprops: {
        type: String,
    },
},

file myFrameworkComponent.vue

<ag-grid-vue
      class="ag-theme-balham"
      :gridOptions="gridOptions"
      :rowData="rowData"
      :frameworkComponents="this.frameworkComponents"
      :myprops="this.data"
 ></ag-grid-vue>

vue.js ag-grid

0 commentaires

3 Réponses :

-1
votes

Avez-vous suivi les étapes de démarrage? https://www.ag-grid.com/vue-getting-started/ < / a>

Voici un exemple de travail pour vous: https://codesandbox.io/s/9ovqv28y2y

1 commentaires

La question de l'OP est de passer des accessoires à un composant Vue utilisé pour afficher des données dans une cellule (ex: FrameworkComponent). Votre exemple n'a rien à voir avec ça, juste une implémentation vanille de ag-grid-vue .

0
votes

L'utilisation de ceci à l'intérieur du modèle n'est pas obligatoire. L'accès direct aux accessoires est également un signe $ devant.

<ag-grid-vue
      class="ag-theme-balham"
      :gridOptions="gridOptions"
      :rowData="rowData"
      :frameworkComponents="this.frameworkComponents"
      :myprops="$props"
 ></ag-grid-vue>

1 commentaires

Pouvez-vous ajouter un lien vers la documentation pour cela?

0
votes

Dans grid.vue, je définis simplement les paramètres à l'intérieur du columnDef.

mounted: function() {
    myprops: this.params.colDef.filterParams
},

Après l'appel de ce paramètre dans le fichier monté de myFrameworkComponent.vue:

{
    field: 'helloId',
    headerName: 'Hello',
    filter: "dropdown",
    filterParams: 'this is my message or object',
},

0 commentaires