iT邦幫忙

2023 iThome 鐵人賽

DAY 10
0
Odoo

Odoo 14 Javascript 開發心路歷程系列 第 10

Day 10 實作 3: 在每個 Text widget 的內容後加個 icon 吧

  • 分享至 

  • xImage
  •  

昨天帶各位觀察各個階段的順序

今天來真的影響畫面吧

// ironman_js/static/src/js/widget.js
_renderReadonly: function () {
    console.log('_renderReadonly');
    let def = this._super(...arguments);
    let $icon = $('<i class="fa fa-long-arrow-right"/>');
    this.$el.append($icon);
    return def;
},

重新整理網頁後,就會發現變化,如下圖
https://ithelp.ithome.com.tw/upload/images/20230904/20141805gj5FwJBkY9.png

一定會有人疑惑,為什麼只有這四個有變,

因為表單呈現的欄位,其定義的型態,odoo 底層已經有定義對應的 field widget 了

而目前的畫面看到的只有訂單明細的說明是 Text,

因此若要改其他的,就是同樣繼承來修改

這裡有個小小的課題可以給各位練習

  • Q: 繼承各階段所執行的 this._super 結果皆為何?

這裡不會提供答案,讓各位可以動手觀察一下


上一篇
Day 9 實作 2: 繼承各個生命週期階段
下一篇
Day 11 開發者模式介紹 & 推薦的瀏覽器插件
系列文
Odoo 14 Javascript 開發心路歷程30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言