More Related Content
What's hot (9)
Similar to How to Add Button in the Header of List View in Odoo 17 (20)
More from Celine George (20)
Recently uploaded (20)
How to Add Button in the Header of List View in Odoo 17
- 1. How to add button in the header of list view in Odoo 17 Enterprise
- 2. Introduction Enterprise This slide will show that how to add button in the header of list view in Odoo 17. In certain situations, we may need to add a custom button to a specific list view, such as the sales order tree view header. Let¡¯s look into it.
- 3. Enterprise ¡ñ Let¡¯s create the templates file inside static/src/xml directory. ¡ñ To add a button in the list view, we need to inherit the ¡®web.ListView.Buttons¡¯ template where the list view buttons are defined. Within this templates, we¡¯ll add the ¡®Custom Button¡¯ button along with its ¡®t-on-click¡¯ functionality.
- 4. Enterprise ¡ñ Create a js file inside static/src/js directory. ¡ñ We can extend the default ListController component and the template. Then, we can register a new ¡®list_view_button¡¯ item to the view register. ¡ñ Within the js file, we can define the button¡¯s ¡®t-on-click¡¯ function. Here, we can initiate the opening of a wizard for Quotation Template using the ¡®doAction¡¯ method. Since we¡¯ve already added the action from the hook in the default ListController.
- 5. Enterprise
- 6. Enterprise ¡ñ Create a view file inside the views directory. ¡ñ Now, we need to add the created js_class in the list view of the sale order.
- 7. Enterprise ¡ñ Then run the pycharm and upgrade the module. ¡ñ Go to the Sales > Orders > Orders > List view. ¡ñ We can see the Custom Button on the list view.
- 8. Enterprise ¡ñ The wizard will open by clicking on the Custom Button.
- 9. Enterprise ¡ñ This way we can add button in the header of list view in Odoo 17.
- 10. For More Info. Check our company website for related blogs and Odoo book. Check our YouTube channel for functional and technical videos in Odoo. Enterprise www.cybrosys.com