We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. (Last updated on: June 24, 2019).
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

Context menu example

Thread ID:

Created:

Updated:

Platform:

Replies:

145679 Jul 3,2019 10:23 AM UTC Jul 5,2019 09:59 AM UTC Vue 5
loading
Tags: Gantt Chart
Tomasz Tomczykiewicz
Asked On July 3, 2019 10:23 AM UTC

Hi,

Could you provide an example of how to use a context menu in the Gantt chart? There is no section of this issue in the documentation.

Best regards,
Tomasz Tomczykiewicz

Jesus Arockia Sankaran S [Syncfusion]
Replied On July 4, 2019 11:55 AM UTC

Hi Tomasz, 
 
We have prepared a default context menu sample. To enable context menu in Gantt, we need to set enableContextMenu as true and import ContextMenu class.  
 
Please find the code example below. 
 
 
<template> 
  <div> 
    <ejs-gantt ref='gantt' :dataSource="data" id="GanttContainer" :enableContextMenu="true"  
      :editSettings="editSettings"> 
        //... 
    </ejs-gantt> 
  </div> 
</template> 
<script> 
  import Vue from "vue"; 
  import { GanttPlugin, Edit, Selection, ContextMenu } from "@syncfusion/ej2-vue-gantt"; 
  Vue.use(GanttPlugin); 
  export default { 
    provide: { 
      gantt: [Edit, Selection, Toolbar, ContextMenu] 
    }, 
  }; 
</script> 
 
 
Context menu UG documentation will be publish in our upcoming volume 2, 2019 main release which is expected to be roll-out in the mid of July 2019. 
Please find the below sample link. 
 
Regards, 
Jesus Arockia Sankaran S 


Tomasz Tomczykiewicz
Replied On July 4, 2019 01:03 PM UTC

Hi,

Thanks for the example. Is ContextMenu to inject available only in 17.2.28-beta version? I have 17.1.49 and I cannot import it.

Best regards,
Tomasz Tomczykiewicz


Jesus Arockia Sankaran S [Syncfusion]
Replied On July 5, 2019 08:51 AM UTC

Hi Tomasz, 
 
Thanks for contacting Syncfusion. 
 
Context menu support is available only from 17.2.28-beta version. Please delete @syncfusion packages from node modules and package-lock.json from your project. And run the command ‘npm install @syncfusion/ej2-vue-gantt@17.2.28-beta’ to install new packages. 
 
Please get back to us if you require further assistance on this. 
 
Regards, 
Jesus Arockia Sankaran S 


Tomasz Tomczykiewicz
Replied On July 5, 2019 09:37 AM UTC

Thanks.

Best regards,
Tomasz Tomczykiewicz

Jesus Arockia Sankaran S [Syncfusion]
Replied On July 5, 2019 09:59 AM UTC

Hi Tomasz, 

Thanks for you update. 

Please get back to us if you need any further assistance. 

Regards, 
Jesus Arockia Sankaran S 


CONFIRMATION

This post will be permanently deleted. Are you sure you want to continue?

Sorry, An error occured while processing your request. Please try again later.

Please sign in to access our forum

This page will automatically be redirected to the sign-in page in 10 seconds.

Warning Icon You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.Close Icon

Live Chat Icon For mobile
Live Chat Icon