mxgraph Endlosschleifen anwenden

Question

Ich erweitere mxgraph delete Steuerelement example zu löschen wie Steuerelemente zu Knoten hinzufügen, die dynamisch in meinem Diagramm generiert werden. Der Quellcode für das Beispiel verfügbar ist here

Das Problem ist in diesem Teil des Codes -

  // Overridden to add an additional control to the state at creation time 
      mxCellRendererCreateControl = mxCellRenderer.prototype.createControl; 
      mxCellRenderer.prototype.createControl = function(state) 
      { 
       mxCellRendererCreateControl.apply(this, arguments); 

       var graph = state.view.graph; 

       if (graph.getModel().isVertex(state.cell)) 
       { 
        if (state.deleteControl == null) 

mxCellRendererCreateControl.apply innerhalb des überschriebenen Rückruf von create scheint wie beabsichtigt zu arbeiten (ruft die Originalfunktion vor dem Erstellen zusätzlicher Kontrollen) mit dem Ausgangszustand des Graphen beim Laden. Aber sobald ich Knoten dynamisch zum Graphen hinzufüge und der Callback von mxgraphs validate/redraw aufgerufen wird, geht das Steuerelement in eine Endlosschleife über, wobei die 'apply' -Funktion sich grundsätzlich selbst aufruft (d. H. Der Callback).

Ich bin ein bisschen ratlos, weil, wenn ich debugge, der Kontext (das) sieht gut aus, aber ich kann nicht herausfinden, warum anstelle des Aufrufs der Prototyp-Methode, ruft nur die überschriebene Funktion in einer Schleife. Was mache ich falsch?

Answer 1

Es sieht aus wie Sie nicht Ihre ursprüngliche Funktion der richtige Weg, das Klonen, versuchen Sie bitte folgendes:

Function.prototype.clone = function() { 
    var that = this; 
    return function theClone() { 
     return that.apply(this, arguments); 
    }; 
}; 

dass neue Methode hinzufügen irgendwo in Ihrem Haupt-Code, so dass es in der gesamten Anwendung zur Verfügung, werden Sie jetzt ändern kann Ihren Code:

// Overridden to add an additional control to the state at creation time 
let mxCellRendererCreateControl = mxCellRenderer.prototype.createControl.clone(); 
mxCellRenderer.prototype.createControl = function(state) { 
    mxCellRendererCreateControl(state); 

    var graph = state.view.graph; 
    if (graph.getModel().isVertex(state.cell)) { 
     if (state.deleteControl == null) { 
      // ... 
     } 
    } 
    // ... 
}; 

Dies sollte funktionieren, wenn ich das richtig das Problem zu verstehen, wenn es nicht, bitte den alten Funktionsaufruf zurück zum apply ändern. Ansonsten lassen Sie mich wissen, ob etwas anderes passiert ist nach der Function Prototyp-Änderung.

Answer 2

Es scheint, dass Ihr überwiegendes Code wird mehrmals aufgerufen werden (das Hinzufügen einer einfachen console.log vor Ihrem vorrangigen Code genug sein sollte, um dies zu testen)

Versuche, dass der Code, um sicherzustellen, dass die Funktion überschreibt nur einmal aufgerufen wird, oder überprüfen Sie, ob die Prototyp-Funktion das Original oder Ihr ist.

Hier ist ein Beispiel dafür, wie Sie überprüfen können, ob die Funktion Sie ist oder nicht

if (!mxCellRenderer.prototype.createControl.isOverridenByMe) { 
    let mxCellRendererCreateControl = mxCellRenderer.prototype.createControl; 
    mxCellRenderer.prototype.createControl = function(state) { /* ... */ }; 
    mxCellRenderer.prototype.createControl.isOverridenByMe = true; 
} 

Es gibt andere Möglichkeiten, wie eine globale Variable zu überprüfen, ob Sie die Methode außer Kraft gesetzt haben oder nicht.

Wenn dies Ihr Problem nicht beheben, wenden Sie sich bitte mehr über den Rest des Codes schreiben (wie dieser Code geladen wird/genannt viel helfen würde)