Skip to Content
Menu
Musisz się zarejestrować, aby móc wchodzić w interakcje z tą społecznością.
To pytanie dostało ostrzeżenie
2 Odpowiedzi
4965 Widoki

I am using Odoo 16. I want to add a button in the header inside the form view, and execute JS code, instead of Python code. How can I achieve that?

Awatar
Odrzuć

To do what?

Autor

I am creating a driver/interface for an IoT Device. I want to add a button in the iot.device header form view to test the device. Clicking on that button have to call JS logic (to access the device) rather than python function. 

Najlepsza odpowiedź

Hi,

You need to inherit the web.FormView template and add the button in it.Then you can write a JS function for that button. 
Please refer to this blog to know more.https://www.cybrosys.com/blog/how-to-add-new-button-to-all-form-view-in-odoo-16

Hope it helps

Awatar
Odrzuć
Autor

Thanks, this is something I can use for sure. I will try. However, I would really like to add it inside the header. Any suggestion?
I checked and saw the component StatusBarButtons on web/static/src/views/status_bar_buttons (which is the component rendered when we add) <head></head> in our form views. But I had no sucess trying there :(

Najlepsza odpowiedź

You could do it using a custom widget. Check toaster_button​ as an example:

See the js code at: odoo/addons/purchase/static/src/js/purchase_toaster_button.js

Put it inside the header or where you wanna use it:

< widget name='toaster_button' button_name="send_reminder_preview" title="Preview the reminder email by sending it to yourself." attrs="{'invisible': [('id', '=', False)]}"/ >


Don't forget to define the js in the manifest of the module

'assets': {
'web.assets_backend': [
...
'purchase/static/src/js/purchase_toaster_button.js',

...
],
},


Awatar
Odrzuć

@Axel Mendoza - Exactly what I have been looking for. Thanks. Simple and working example code. Works in 17 as well.

Powiązane posty Odpowiedzi Widoki Czynność
0
sty 24
1593
1
paź 23
2188
0
wrz 23
1600
1
sty 25
3674
1
cze 24
4219