Hi Eddy,
Greetings from Syncfusion support.
Based on your query, we suspect that you need to hide/show the context menu items in contextMenuOpen event. In Grid, we can dynamically enable/disable or hide/show contextMenu items using enableItems, hideItems and showItems methods of contextMenu in the contextMenuOpen event and changed context menu text using contextMenuClick event of the Grid.
In our sample we did not face any issues while hide/show the context menu items in contextMenuOpen event.
Please find the below code snippet and sample for more information.
|
App.vue
<template>
<div class="col-lg-12 control-section">
<div>
<ejs-grid
ref="grid"
id="gridcomp"
. . .
:contextMenuItems="contextMenuItems"
:contextMenuOpen="contextMenuOpen"
:editSettings="editing"
>
. . .
</ejs-grid>
</div>
</div>
</template>
<script>
import Vue from "vue";
import { GridPlugin, ContextMenu } from "@syncfusion/ej2-vue-grids";
import { data } from "./data";
Vue.use(GridPlugin);
export default Vue.extend({
data: () => {
return {
data: data,
contextMenuItems: [
{
text: "Custom1",
target: ".e-content",
id: "custom"
},
{
text: "Custom2",
target: ".e-content",
id: "custom2"
}
],
editing: { allowDeleting: true, allowEditing: true }
};
},
methods: {
contextMenuOpen: function(args) {
// you can get the rowData in contexMenu open event args also
var contextMenuObj = this.$refs.grid.ej2Instances.contextMenuModule
.contextMenu; //getting the contextMenu instance
if (args.rowInfo.rowData.OrderID % 2 === 0) { //here you can apply your own conditions as per your requirement
contextMenuObj.enableItems(["Custom1"], false);
contextMenuObj.hideItems(["Custom2"]);
} else {
contextMenuObj.enableItems(["Custom1"], true);
contextMenuObj.showItems(["Custom2"]);
}
},
contextMenuClick: function(args) {
if (args.item.id === "custom") {
args.item.text = "changed";
}
}
},
provide: {
grid: [ContextMenu]
}
});
</script> |
To find out the root cause of an issue, we need the following details
1. Share the screenshot or video demonstration of an issue.
2. Share the complete Grid code example.
3. Share the code example of changing context menu items in contextMenuOpen event.
4. Syncfusion Package Version.
Regards,
Prasanna Kumar N.S.V
