Почему последняя версия средства просмотра forge нарушает работу моего слушателя onClick? - PullRequest
Новая
       16

Почему последняя версия средства просмотра forge нарушает работу моего слушателя onClick?

0 голосов
/ 15 мая 2019

Резюме

Самая последняя версия средства просмотра кузницы (6.6.0) выдает ошибку «неожиданный токен» в моей консоли, и некоторые из моих событий $ (button) .on ('click') больше не привязываются в моих пользовательских панелях. (запрашиваемая модель загружается несмотря на ошибки)

Что я пробовал

Я поддержал программу просмотра до версии 6.5.0, и мой код работает, я также удалил весь код, кроме логики инициализации, и все еще получаю консольные ошибки. Я также попробовал каждый способ связывания события, о котором только мог думать, и ни один из них не работает в последней версии средства просмотра ($(document).on('click', 'myButton', this.onMyButtonClick), $('#myButton).click(this.onMyButtonClick), $('myButton').bind('click', this.onMyButtonClick), $('myButton').on('click', this.onMyButtonClick))

Код

Ссылки для просмотра 

<link rel="stylesheet" href="https://developer.api.autodesk.com/modelderivative/v2/viewers/6.*/style.min.css" type="text/css">
<script src="https://developer.api.autodesk.com/modelderivative/v2/viewers/6.*/viewer3D.min.js"></script>

Логика инициализации 

const options = {
    env: `AutodeskProduction`,
    getAccessToken: getForgeToken
  };
  const documentId = `urn:${urn[`urn_string`]}`;

  Autodesk.Viewing.Initializer(options, function onInitialized() {
    Autodesk.Viewing.Document.load(documentId, onDocumentLoadSuccess, onDocumentLoadFailure);
  });

  function onDocumentLoadSuccess(doc) {
      $(`.navbar-div`).css(`margin-bottom`,`10px`);
      const viewable = Autodesk.Viewing.Document.getSubItemsWithProperties(doc.getRootItem(), {
        'type': `geometry`,
        'role': `2d`
      }, true);
      if (viewable.length === 0) {
        return;
      }

      const initialViewable = viewable[0];
      const svfUrl = doc.getViewablePath(initialViewable);
      const modelOptions = {
        sharedPropertyDbPath: doc.getPropertyDbPath()
      };

      const viewerDiv = document.getElementById(`viewer`);
      viewer = new Autodesk.Viewing.Private.GuiViewer3D(viewerDiv);

      viewer.start(svfUrl, modelOptions, onLoadModelSuccess, onLoadModelError);
  }

Событие сломанного клика 

class MyExtension extends Autodesk.Viewing.Extension {
    constructor(viewer) {
      super();
      Autodesk.Viewing.Extension.call(this, viewer);
    }
    createPanel() {
      const Panel = new Autodesk.Viewing.UI.DockingPanel(NOP_VIEWER.container, `myPanel`, `Title`);
      $(Panel.container).append(*some html*);
      Panel.setVisible(true);
      $(`#myPanel`).find(`.docking-panel-close`).remove();
      $(`#myPanel`).find(`.docking-panel-title`).append(myButton);
      $(`#myButton`).click(this.onMyButtonClick.bind(this));
    }
    onMyButtonClick() {
        alert('here');
    }
  }

Autodesk.Viewing.theExtensionManager.registerExtension(`myExtension`, MyExtension);

Ошибки и скриншоты

Сообщение об ошибке в консоли 

SyntaxError: Unexpected token (
    at Object.E [as doOperation] (84a694cc-2244-4f8f-90ea-4d32694ed224:13)
    at t.value (84a694cc-2244-4f8f-90ea-4d32694ed224:13)
    at 84a694cc-2244-4f8f-90ea-4d32694ed224:13

Uncaught (in promise) {msg: "Error while importing 'userFunction'."}

Chrome Console Error Messages

Панель заголовка с кнопкой

Panel Image

1 Ответ

1 голос
/ 16 мая 2019

EDIT : Протестировано и работало на основных браузерах с помощью кнопки на панели заголовка - живой пример здесь . Дадим знать Инжинирингу, что это серьезное изменение, но я сомневаюсь, что они не будут поощрять размещение там контроля 

    class MyExtension extends Autodesk.Viewing.Extension {
    constructor(viewer) {
      super(viewer);
      this.createPanel()

    }
    createPanel() {
      const Panel = new Autodesk.Viewing.UI.DockingPanel(NOP_VIEWER.container, `myPanel`, `Title`);
      Panel.setVisible(true);
      $(`#myPanel`).height('100').offset({ top: 10, left: 30 }).find(`.docking-panel-close`).remove();
      $(`#myPanel`).append($('<button/>').text('Test').mousedown(this.onMyButtonClick.bind(this)))
    }
    onMyButtonClick(e) {
        e.stopPropagation();
        alert('here')
    }
  }
...