Forge Viewer - 在查看器中创建新标记后，我可以根据事件“EVENT_MARKUP_SELECTED”选择下拉值吗？

Question

 function onDocumentLoadSuccess(viewerDocument) { var defaultModel = viewerDocument.getRoot().getDefaultGeometry(); viewer.loadDocumentNode(viewerDocument, defaultModel) .then(function () { viewer.loadExtension('Autodesk.Viewing.MarkupsCore').then(function(markupsExt){ markup = markupsExt; markup.enterEditMode(); var cloud = new Autodesk.Viewing.Extensions.Markups.Core.EditModeCloud(markup); markup.changeEditMode(cloud); markup.addEventListener(Autodesk.Viewing.Extensions.Markups.Core.EVENT_MARKUP_SELECTED,selEvt) }); }) .catch(function (err) { //reject('Could not load viewable: ' + err); }); } function selEvt(){ jQuery('#sel').show(); }

 <div id="canvas-align"> <div id="forgeViewer"> </div> <div id="overlay"> <div id="sel"> <select> <option>Select</option> <option>RFI-100</option> <option>RFI-101</option> <option>RFI-102</option> <option>RFI-103</option> </select> </div> </div> </div> </body>

Forge Viewer - after creating a new markup in viewer, can I select a dropdown value based on event "EVENT_MARKUP_SELECTED"? I tried it using below code but am I unable to select dropdown value. So then I tried to leave editmode, then it clears markup. Please advise

Answer 1

It seems that your dropdown list has been overlapped by the markup canvas. To fix it, please try to add these styles to the #sel

#sel {
  position: absolute;
  z-index: 1;
  display: none;
}

Here is its look at my end: