Having trouble implementing a context menu in my SyncFusion TreeGrid. Despite following the instructions, nothing seems to be working for me. Here's a snippet of my code:
<template>
<ej2-treegrid
:dataSource="tabla"
:contextMenuItems="contextMenuItems"
rowHeight="20px"
><e-columns>
<e-column field="nombre" headerText="Nombre"></e-column>
<e-column field="cantidad" headerText="Cantidad"></e-column>
<e-column field="vu" headerText="Valor Unitario" format="C"></e-column>
<e-column field="precio" headerText="Precio" format="C"></e-column>
</e-columns>
</ej2-treegrid>
</template>
<script setup>
import { ref, reactive, provide } from "vue";
import { TreeGridComponent as ej2Treegrid,
ColumnsDirective as eColumns,
ColumnDirective as eColumn,
ContextMenu,
} from '@syncfusion/ej2-vue-treegrid';
provide("treegrid", [ContextMenu]);
const contextMenuItems = ["Cancel"];
const tabla = reactive([{id: 1, nombre: "", cantidad: 2, vu: 2, precio: 2}]);
</script>
It's puzzling where I might have gone wrong. Could it be related to the 'provide' section? The documentation appears tailored for vue2.
Upon right-clicking on the grid, only the default context menu pops up. I've encountered similar issues with editing functionalities.