Odoo 11: How to define a Form View Custom Widget in odoo 11

Odoo is the world's easiest all-in-one management software.
It includes hundreds of business apps:

CRM
e-Commerce
Accounting
Inventory
PoS
Project management
MRP

Take the tour

Posts People Badges

Tags View all

odoo accounting v7 pos invoice

About this forum

Help

Odoo 11: How to define a Form View Custom Widget in odoo 11

2 Replies

18803 Views

form widget js odoo11

Bréndou Serge Eric

Hello everyone! I used to define custom form widgets in odoo 10 as follow:

var core = require('web.core');
var form_common = require('web.form_common');
var MyWidget = form_common.FormWidget.extend({
    init: function (parent, object) {
        console.log('INIT!!!');
        this._super.apply(this, arguments);
    },
    start: function () {
         //codes        
    },
    events: {
        "click button.ct_button_filter": "open_search_dialog",
    },
    open_search_dialog: function () {
        //codes...
    },
    display_filter: function () {
        //codes...
    },
});

core.form_custom_registry.add(
    'my_widget', MyWidget
);

and invoke it in this way:
...<page string="Details..."><widget type="my_widget"> </page>.....
This perfectly works in odoo 10; but in 11, I get this error: Widget is not a constructor.
Do you have any idea guys?

Bréndou Serge Eric

Author Best Answer

Thanks Suraj! I found how to do it; i'm using web.Widget instead.

var core = require('web.core');
var Widget= require('web.Widget');
var widgetRegistry = require('web.widget_registry');
var FieldManagerMixin = require('web.FieldManagerMixin');

var MyWidget = Widget.extend(FieldManagerMixin, {
    init: function (parent, model, state) {
        this._super(parent);
        FieldManagerMixin.init.call(this);
        // init code here
    },
    start: function () {
         //codes        
    },
    events: {
        "click button.ct_button_filter": "open_search_dialog",
    },
    open_search_dialog: function () {
        //codes...
    },
    display_filter: function () {
        //codes...
    },
});

widgetRegistry.add(
    'my_widget', MyWidget
);

On the form side i call it this way <widget name="my_widget"/>