你可以覆盖Odoo16中MapRenderer类的createMarkerPopup函数。

huangapple
go评论113阅读模式
英文:

How can I override createMarkerPopup function of MapRenderer class in Odoo16

问题

I am trying to add new Send SMS button on map marker as you can check below.
我正在尝试在地图标记上添加新的“发送短信”按钮，如下所示。

I am unable to add on click method, I have tried below code but its not working.
我无法添加点击方法，我尝试了下面的代码，但它不起作用。

你可以覆盖Odoo16中MapRenderer类的createMarkerPopup函数。
你可以覆盖Odoo16中MapRenderer类的createMarkerPopup函数。

  2. import { MapRenderer } from "@web_map/map_view/map_renderer";
  4. export class SmsMapRenderer extends MapRenderer {
  5.     setup() {
  6.         super.setup();
  7.     }
  9.     createMarkerPopup(markerInfo, latLongOffset = 0) {
  10.         const popup = super.createMarkerPopup(...arguments);
  11.         debugger;
  12. //        const popup = super.createMarkerPopup(markerInfo, latLongOffset);
  13.         const popupFields = popup.getMarkerPopupFields(markerInfo);
  15.         const partner = markerInfo.record.partner;
  16.         const popupHtml1 = renderToString("renewell.sendsmsPopup", {
  17.             fields: popupFields,
  18.             hasFormView: this.props.model.metaData.hasFormView,
  19.         });
  21.         const opensmsBtn = popup
  22.             .getElement()
  23.             .querySelector("button.o-map-renderer--popup-buttons-send_sms");
  24.         const offset = markerInfo.pinInSamePlace * 0.000050;
  25.         if (opensmsBtn) {
  26.             opensmsBtn.onclick = () => {
  27.                 const popup = L.popup({ offset: [0, -30] })
  28.                     .setLatLng([
  29.                         partner.partner_latitude + latLongOffset,
  30.                         partner.partner_longitude - latLongOffset,
  31.                     ])
  32.                     .setContent(popupHtml1)
  33.                     .openOn(this.leafletMap);
  34.             };
  35.         }
  37.         return popup;
  38.     }
  39. }

Please give me some suggestion or any example.
请给我一些建议或示例。

英文:

I am trying to add new Send SMS button on map marker as you can check below.
I am unable to add on click method, I have tried below code but its not working

你可以覆盖Odoo16中MapRenderer类的createMarkerPopup函数。

  2. import { MapRenderer } from "@web_map/map_view/map_renderer";
  4. export class SmsMapRenderer extends MapRenderer {
  5.     setup() {
  6.         super.setup();
  7.     }
  9.     createMarkerPopup(markerInfo, latLongOffset = 0) {
  10.         const popup = super.createMarkerPopup(...arguments);
  11.         debugger;
  12. //        const popup = super.createMarkerPopup(markerInfo, latLongOffset);
  13.         const popupFields = popup.getMarkerPopupFields(markerInfo);
  15.         const partner = markerInfo.record.partner;
  16.         const popupHtml1 = renderToString("renewell.sendsmsPopup", {
  17.             fields: popupFields,
  18.             hasFormView: this.props.model.metaData.hasFormView,
  19.         });
  21.         const opensmsBtn = popup
  22.             .getElement()
  23.             .querySelector("button.o-map-renderer--popup-buttons-send_sms");
  24.         const offset = markerInfo.pinInSamePlace * 0.000050;
  25.         if (opensmsBtn) {
  26.             opensmsBtn.onclick = () => {
  27.                 const popup = L.popup({ offset: [0, -30] })
  28.                     .setLatLng([
  29.                         partner.partner_latitude + latLongOffset,
  30.                         partner.partner_longitude - latLongOffset,
  31.                     ])
  32.                     .setContent(popupHtml1)
  33.                     .openOn(this.leafletMap);
  34.             };
  35.         }
  37.         return popup;
  38.     }
  39. }

Please give me some suggestion or any example.

答案1

得分: 1

I have found a solution and it's working for me. I just needed to add a patch in my code.

  2. import { patch } from "@web/core/utils/patch";
  3. import { MapRenderer } from "@web_map/map_view/map_renderer";
  4. import { renderToString } from "@web/core/utils/render";
  5. import rpc from 'web.rpc';
  7. const { useEffect, useRef } = owl;
  9. patch(MapRenderer.prototype, "ModuleName.SmsPopup", {
  10.     setup() {
  11.         this._super();
  12.     },
  14.     createMarkerPopup(markerInfo, latLongOffset = 0) {
  15.         debugger;
  16.         const popup = this._super(...arguments);
  17.         const popupFields = this.getMarkerPopupFields(markerInfo);
  18.         debugger;
  19.         const partner = markerInfo.record.partner;
  20.         const popupHtmlSms = renderToString("ModuleName.sendsmsPopup", {
  21.             fields: popupFields,
  22.             hasFormView: this.props.model.metaData.hasFormView,
  23.         });
  25.         const opensmsBtn = popup
  26.             .getElement()
  27.             .querySelector("button.o-map-renderer--popup-buttons-send_sms");
  28.         const offset = markerInfo.pinInSamePlace * 0.000050;
  29.         if (opensmsBtn) {
  30.             opensmsBtn.onclick = () => {
  31.                 debugger;
  32.                 const popup = L.popup({ offset: [0, -30] })
  33.                 .setLatLng([
  34.                     partner.partner_latitude + latLongOffset,
  35.                     partner.partner_longitude - latLongOffset,
  36.                 ])
  37.                 .setContent(popupHtmlSms)
  38.                 .openOn(this.leafletMap);
  39.             };
  40.         }
  41.         return popup;
  42.     },
  43. });

(Note: The code within the backticks is not translated, as per your request.)

英文:

I have found solution and its working for me. I was just needed to add patch in my code.

  2. import { patch } from "@web/core/utils/patch";
  3. import { MapRenderer } from "@web_map/map_view/map_renderer";
  4. import { renderToString } from "@web/core/utils/render";
  5. import rpc from 'web.rpc';
  7. const { useEffect, useRef } = owl;
  9. patch(MapRenderer.prototype, "ModuleName.SmsPopup", {
  10.     setup() {
  11.         this._super();
  13.     },
  15.     createMarkerPopup(markerInfo, latLongOffset = 0) {
  16.         debugger;
  17.         const popup = this._super(...arguments);
  18.         const popupFields = this.getMarkerPopupFields(markerInfo);
  19.         debugger;
  20.         const partner = markerInfo.record.partner;
  21.         const popupHtmlSms = renderToString("ModuleName.sendsmsPopup", {
  22.             fields: popupFields,
  23.             hasFormView: this.props.model.metaData.hasFormView,
  24.         });
  26.         const opensmsBtn   = popup
  27.             .getElement()
  28.             .querySelector("button.o-map-renderer--popup-buttons-send_sms");
  29.         const offset = markerInfo.pinInSamePlace * 0.000050;
  30.         if (opensmsBtn) {
  31.             opensmsBtn.onclick = () => {
  32.                 debugger;
  33.                 const popup = L.popup({ offset: [0, -30] })
  34.                 .setLatLng([
  35.                     partner.partner_latitude + latLongOffset,
  36.                     partner.partner_longitude - latLongOffset,
  37.                 ])
  38.                 .setContent(popupHtmlSms)
  39.                 .openOn(this.leafletMap);
  40.             };
  41.         }
  42.         return popup;
  43.     },
  44. });

huangapple
  • 本文由 发表于 2023年5月21日 04:35:13
  • 转载请务必保留本文链接：https://go.coder-hub.com/76297253.html
  • javascript
  • odoo
  • odoo-16
  • odoo-owl
匿名

发表评论

匿名网友

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

确定