Include in inherit from JS class

Question

Dear all,
I have a JS class as below:
export class Product extends Component {
static components = { PTAL };
static template = "sale_product_configurator.product";
static props = {
id: { type: [Number, {value: false}], optional: true },
product_tmpl_id: Number,
display_name: String,
description_sale: [Boolean, String], // backend sends 'false' when there is no description
price: Number,
}
Now I want to inherit and add new items for props, but I do not know how to do.
Help me please.
Thank.

Cybrosys Techno Solutions Pvt.Ltd · Answer

Hi,
To inherit and add new items to the props in your Product component class, you can extend the class and then define the additional props in the new class. Here’s how you can do it:
``` import { Product } from '@sale_product_configurator/js/product/product';

export class ExtendedProduct extends Product {
static props = {
...Product.props,
new_prop1: String, // Add new properties here
new_prop2: Number,
};
}

Hope it helps

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

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

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