Hinzufügen von Rückruf zu DOM-Element erstellt in Unterklasse von web.list.Column

Question

Ich versuche, das Widget web_tree_image zu ändern. Anstatt nur ein kleines Bild in der Spalte zu zeigen, möchte ich ein größeres Bild beim Schweben oder Klicken anzeigen. Um dies zu erreichen, versuche ich einen Callback hinzuzufügen, nachdem das Widget gerendert wurde, indem ich die start-Funktion außer Kraft setze, wie in the documentation erklärt.

Ich habe deshalb den folgenden Code web_tree_image.js:

openerp.web_tree_image = function (instance) { 
    instance.web.list.Image = instance.web.list.Column.extend({ 
     // [...] 
     start: function() { 
      console.log("start called"); 
      // [... add callbacks ...] 
     }, 
     // [...] 
    }); 
}; 

jedoch die start Funktion nie aufgerufen wird, so dass dies nicht funktioniert.

Ich habe nicht vollständig verstanden, den Code-Pfad, der normalerweise zu start aufgerufen wird, aber es scheint, dass es irgendwie anders für ist.

Sollte start aufgerufen werden und ich mache etwas falsch? Oder gibt es eine andere Art, Code auszuführen, nachdem die DOM-Elemente erstellt wurden?

Answer 1

Während ich immer noch nicht wissen, warum die start Funktion nicht aufgerufen wird, ist dies eine Abhilfe ist:

openerp.web_tree_image = function (instance) { 
    instance.web.list.Image = instance.web.list.Column.extend({ 
     // ... 
     format: function (row_data, options) { 
      // ... 
      window.setTimeout(function() { 
       console.log("DOM ready"); 
       // ... add callbacks ... 
      }, 0); 
      // ... 
     }, 
     // ... 
    }); 
}; 

mit Timeout auf die Ereignis-Warteschlange 0 Durch das Hinzufügen, kann die Ausführung, bis die entsprechenden DOM-Elemente aufgeschoben wird wurden wie erklärt here erstellt.

Answer 2

Laut Dokumentation:

Die neue Klasse kann dann auf die folgende Weise verwendet werden:

// Create the instance 
var my_widget = new MyWidget(this); 
// Render and insert into DOM 
my_widget.appendTo(".some-div"); 

Nach diesen beiden Linien ausgeführt haben (und jedes Versprechen von appendTo zurück () wurde bei Bedarf behoben), das Widget kann verwendet werden.

---

Hinweis

die Einfügungsverfahren wird das Widget selbst starten, und wird das Ergebnis der start() zurückkehren.

Wenn Sie aus irgendeinem Grund diese Methoden nicht aufrufen möchten, müssen Sie zuerst render() auf dem Widget aufrufen, dann fügen Sie es in Ihr DOM ein und starten es.