Как создать двухуровневое контекстное меню в Autodesk Forge

К сожалению, он недоступен в текущей версии программы просмотра. Возможно, вам придется написать собственное контекстное меню глубоко. Но есть обходной путь, которому вы можете следовать:

1. Переопределите функции Autodesk.Viewing.Private.ContextMenu, чтобы обеспечить многоуровневое меню.
2. Обратитесь к кодам из Autodesk.Viewing.UI.ObjectContextMenu, затем создайте свой собственный ObjectContextMenu и замените свойство contextMenu собственными несколькими уровнями ContextMenu из шага 1.
3. Обратитесь к кодам из Autodesk.Viewing.Extensions.ViewerObjectContextMenu, затем напишите свой собственный ViewerObjectContextMenu, который наследует пользовательский ObjectContextMenu из шага 2.

P.S. Это всего лишь обходной путь, это не формальное решение, возможно, вам придется использовать его на свой страх и риск.

Довольно просто получить многоуровневое контекстное меню, производное от Autodesk.Viewing.UI.ObjectContextMenu. Просто укажите массив в поле target:

buildMenu (event, node) {

  var menu = []

  switch (node.type) {

    case 'hubs':

      menu.push({
        title: 'Show details',
        className: 'fa fa-share',
        target: [{
          title: 'Hub details',
          className: 'fa fa-cloud',
          target: () => {
            this.emit('context.details', {
              event, node, type: 'hubs'
            })
          }
        }, {
          title: 'Projects details',
          className: 'fa fa-folder',
          target: () => {
            this.emit('context.details', {
              event, node, type: 'hubs.projects'
            })
          }
        }]
      })

      break

Полный пример этого можно найти здесь: DataContextMenu.js