odooフォームウィジェットでチェスボードjsを表示しようとしましたが、エラーはありませんピース

Question

こんにちは私はodooバックエンドでフォームビューにchessboardjsを表示しようとしていますが、最終的にボードを表示するウィジェットを作っています。なぜ作品を除いて、うまく動作するように見えるのかわかりません。オプションでdragable : trueを使用し、隠しピースを移動すると、ボードはすべてのピースでレンダリングされます。チェス盤がうまくレンダリングされていないということを私のコード上で見逃していますか？ はここマイルウィジェットコードです：...

(function (instance) { 
    var _t = instance.web._t, 
     _lt = instance.web._lt; 
    var QWeb = instance.web.qweb; 

    openerp.chess_base = function (instance, local) { 

     local.YourWidgetClassName = instance.web.form.FormWidget.extend({ 
      start: function() { 
       this.$el.append('<div id="board" style="width: 300px">BOARD GOES HERE</div>'); // creating the board in the DOM 
       this.onBoard(); 
      }, 
      onBoard: function (position, orientation) { 
       if (!position) { 
        this.position = 'start' 
       } else { 
        this.position = position 
       } 
       if (!orientation) { 
        this.orientation = 'white' 
       } else { 
        this.orientation = orientation 
       } 
       this.el_board = this.$('#board'); 
       this.cfg = { 
        position: this.position, 
        orientation: this.orientation, 
        draggable: false, 
        pieceTheme: '/chess_base/static/img/chesspieces/wikipedia/{piece}.png' 
       }; 
       this.board = ChessBoard(this.el_board, this.cfg); 
      } 
     }); 

     instance.web.form.custom_widgets.add('widget_tag_name', 'instance.chess_base.YourWidgetClassName'); 
    } 
})(openerp); 

Answer 1

私はなぜ知らない誰かがしてください私に説明を持っている場合、これは、問題を解決する

(function (instance) { 
    var _t = instance.web._t, 
     _lt = instance.web._lt; 
    var QWeb = instance.web.qweb; 

    openerp.chess_base = function (instance, local) { 

     local.ShowBoard = instance.web.form.FormWidget.extend({ 
      start: function() { 
       this.$el.append('<div id="board" style="width: 300px">BOARD GOES HERE</div>'); 
       this.show_board(); 
      }, 
      show_board: function() { 
       var Game = new instance.web.Model("chess.game"), 
        record_id = this.field_manager.datarecord.id, 
        record_name = this.field_manager.datarecord.name, 
        self = this; 
        self.el_board = self.$('#board'); 

       Game.query(['pgn']).filter([['id', '=', record_id], ['name', '=', record_name]]).all().then(function (data) { 
        console.log(data); 
        self.cfg = { 
         position: data[0].pgn, 
         orientation: 'white', 
         pieceTheme: '/chess_base/static/img/chesspieces/wikipedia/{piece}.png' 
        }; 
        ChessBoard(self.el_board, self.cfg); 
       }); 
      } 
     }); 

     instance.web.form.custom_widgets.add('board', 'instance.chess_base.ShowBoard'); 
    } 
})(openerp);