web.list.Columnのサブクラスに作成されたDOM要素にコールバックを追加します。

Question

web_tree_imageウィジェットを変更しようとしています。ちょうど列に小さな画像を表示するのではなく、ホバリングまたはクリックすると大きな画像が表示されます。これを実現するために、the documentationで説明されているように、start関数をオーバーライドして、ウィジェットがレンダリングされた後にコールバックを追加しようとしています。

従って私は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 ...] 
     }, 
     // [...] 
    }); 
}; 

はしかし、start関数が呼び出されることはありませんので、これは動作しません。

通常はstartが呼び出されるコードパスを完全には理解していませんが、web.list.Columnでは何とか違っているようです。

startを呼び出す必要がありますか、私は何か間違っていますか？または、DOM要素が作成された後にコードを実行する別の方法がありますか？

Answer 1

start関数が呼び出されていない理由を私はまだ分からないが、これが回避策です：

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); 
      // ... 
     }, 
     // ... 
    }); 
}; 

タイムアウト0でイベントキューに追加することで、実行は、関連するDOM要素まで延期することができます説明されているように作成されているhere。

Answer 2

ドキュメントよると：新しいクラスには、次の方法で使用することができます

を：

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

次の2行が実行されている（および任意の約束はappendToによって返された後に（ ）が解決されている場合）、ウィジェットは使用できる状態になります。

---

挿入方法は、ウィジェット自体を開始し、スタートの結果を返す

注（）。

何らかの理由でこれらのメソッドを呼びたくない場合は、まずウィジェットでrender（）を呼び出してからDOMに挿入して起動する必要があります。