Как найти изображения в GOJS OrgChart-Editor? - PullRequest
0 голосов
/ 08 июля 2020

Я использовал gojs редактор диаграмм в своем коде.
Ссылка: https://gojs.net/latest/samples/orgcharteditor.html
У меня 3 проблемы с функцией инициализации в версии angular .
1) В функции init ()

    mouseDrop: function (e: go.InputEvent, node: go.GraphObject) {
                var diagram = node.diagram;
                var selnode = diagram.selection.first();  
                if (mayWorkFor(selnode, node)) {
                  // find any existing link into the selected node
                  var link = selnode.findTreeParentLink();         //Getting error: Property 'findTreeParentLink' does not exist on type 'Part'.
                  if (link !== null) {  
                    link.fromNode = node;
                  } else { 
                    diagram.toolManager.linkingTool.insertLink(node, node['port'], selnode, selnode['port']);
   //Getting error: (parameter) node: go.GraphObject
     Argument of type 'GraphObject' is not assignable to parameter of type 'Node'.
     Type 'GraphObject' is missing the following properties from type 'Node': invalidateLinkBundle, invalidateConnectedLinks, portSpreading, avoidable, and 170 more.
                  }
                }
              }

2) Одно условие If в функции init

if (window.Inspector) myInspector = new Inspector("myInspector", myDiagram,          //Cannot find name 'myInspector', Cannot find name 'Inspector'
      {
        properties: {
          "key": { readOnly: true },
          "comments": {}
        }
      });

3) Я столкнулся с ошибкой в ​​window.Inspector, т.е. свойство Inspector не существует для типа Window & typeof globalThis .
Поэтому я добавил интерфейс в lib.dom.d.ts

interface Window{
 Inspector: any;
}

Но не уверен, нормально ли я добавлю что-нибудь в файл lib.dom.d.ts?

1 Ответ

0 голосов
/ 09 июля 2020

Если вы используете TypeScript, вы должны использовать версию TypeScript этого расширения Inspector. Вы можете использовать либо модуль с адресом https://github.com/NorthwoodsSoftware/GoJS/blob/master/extensionsTS/DataInspector.ts, либо модуль с адресом https://github.com/NorthwoodsSoftware/GoJS/blob/master/extensionsJSM/DataInspector.ts. Это в основном то же самое, за исключением того, что один нацелен на UMD, а другой на модули ES6.

Скопируйте код в свой проект.

...