Different Context Menus for different Hierarchy Levels of a Treelist

[Serhat]

Hello,

 

I am using the kendo treelist to display a filesystem with folders and documents as the folder contents. The filesystem currently is rather flat, meaning that there is only the top-folder level and the document-level below it, i.e. no subfolders. I would like to implement a context menu for interacting with the treelist contents however the context menu needs to display different options when selecting a folder vs. when selecting a document which should trigger different events on the web page. Is it possible to use one context menu which displays these differing options in general for the two layers of my treelist. If I could display these different options then implementing the rest of the logic should be simple through the (select) handler.See the attached Stackblitz as a reference:

>>> https://stackblitz.com/edit/angular-rla8zp

Ideally the option 'Lock Folder' should only be displayed when selecting a folder and the option 'Edit Document' likewise only when a document is selected

[Svet]

Hi Serhat,

Thank you for the provided example. What could be done is to utilize the (cellClick) event of the TreeList and to set a flag according to the clicked row dataItem.type. That will allow to differentiate between a folder and a file row, which will allow to change the items used by the ContextMenu accordingly. Please check the following example demonstrating such approach:

https://stackblitz.com/edit/angular-rla8zp-zspxop?file=app/app.component.ts

I hope this helps.

Regards,
Svetlin
Progress Telerik

[Serhat]

Hi Svetlin,

Thank you very much for your reply, that was very helpful :)

Best regards,

Serhat