كافة المنشورات الأفراد الشارات

علامات التصنيف (عرض الكل)

حول هذا المنتدى

المساعدة

How to Override a method in parent class in JS

inheritance

2 الردود

6257 أدوات العرض

Ngoc

Dear all,

I want to override a method in a parent class in JavaScript:

/** @odoo-module */

import { Product } from '@sale_product_configurator/js/product/product';

Product.include({
    /**
     * @override
     */
    setQuantity() {
        console.log('zzzzz');
    },
});

TypeError: Product.include is not a function

Help me please. Than you very much.

Dương Nguyễn

أفضل إجابة

Odoo 17 has new syntax, use this

/** @odoo-module */

import { patch } from "@web/core/utils/patch";

import { Product } from '@sale_product_configurator/js/product/product';

patch(Product.prototype, {

/**

* @override

setQuantity() {

console.log('zzzzz');

})

Kent

This new syntax confuses me. I am trying to do something similar. My code is:

odoo.define('pkcg_appointments_customizations.CustomCalendarCommonRenderer', ['web.CalendarCommonRenderer'], function (require) {
'use strict';

const CalendarCommonRenderer = require('web.CalendarCommonRenderer');

CalendarCommonRenderer.include({
onEventRender: function (event) {
this._super.apply(this, arguments);

console.log('TESTING TESTING TESTING');
}
});
});

I am trying to override the onEventRender method to include some additional logic. Would I use the same structure as you suggest above somehow?

Dương Nguyễn

Last time i check, Calendar JS has been converted into Owl entirely in odoo 17, so yes you should use the same structure i suggest

Ngoc

الكاتب

It is done.

Thank you very much, Duong Nguyen.

Can you help me how to add a new method in an existing JS class in odoo17? (not create a new JS class)

Dương Nguyễn

just write your method, like the code i give.
P/S can you mark my answer as best one please

Dương Nguyễn

Are you a dude ?

Ngoc

الكاتب

Thank Duong Nguyen. I am newbie, I can not vote. I am very sorry.

Dương Nguyễn

Ok if you need help you ask me via my facebook https://www.facebook.com/duong.messi.3/ or you can post on this forum, i need to gain more vote to get more xp

Ngoc

الكاتب

Hi Duong Nguyen,
I have a JS class with setup method as below:
export class ProductConfiguratorDialog extends Component {
setup() {
useSubEnv({
mainProductTmplId: this.props.productTemplateId,
currencyId: this.props.currencyId,
setQuantity: this._setQuantity.bind(this),
});
}
Now I want to inherit and add more items for useSubEnv:
useSubEnv({
setFromDate: this._setFromDate.bind(this),
setToDate: this._setToDate.bind(this),
});
How can I do?

Dương Nguyễn

I haven't tested it, but try to import it then write like this
ProductConfiguratorDialog.props = {
...ProductConfiguratorDialog.props,
setFromDate: this._setFromDate.bind(this),
setToDate: this._setToDate.bind(this),
};

هل أعجبك النقاش؟ لا تكن مستمعاً فقط. شاركنا!

أنشئ حساباً اليوم لتستمتع بالخصائص الحصرية، وتفاعل مع مجتمعنا الرائع!

تسجيل

المنشورات ذات الصلة	الردود	أدوات العرض
Can't inherit base.view_partner_form of res.partner inheritance	4 فبراير 25	6717
Include in inherit from JS class inheritance	1 أغسطس 24	4578
How to add a simple field to partner? inheritance	3 أكتوبر 23	17338
Do I have to create a new module to change the standard form view? inheritance	2 فبراير 23	4188
inherit problem: "cannot be located in parent view " for a <p /> inherited for sale_report_templates.line line 169 inheritance	1 ديسمبر 22	1371

لقد تم الإبلاغ عن هذا السؤال

هل أعجبك النقاش؟ لا تكن مستمعاً فقط. شاركنا!