How to make a field widget in odoo 17 - Odoo Slides
- 1. How to make a field widget in odoo 17 Enterprise
- 2. Introduction Enterprise In this slide we’ll discuss on how to create and override existing field widget in odoo 17. Custom field widgets allow developers to enhance user interfaces by adding tailored functionality or altering the behavior of default widgets. By understanding how to create and modify these widgets, we can provide more dynamic and intuitive user experiences. We will explore the steps involved in defining custom widgets and overriding existing ones using the updated Owl framework in Odoo 17.
- 3. Enterprise Here we can see an example of creating the count widget which counts the number of order lines in sale orderline. Initially we can inherit sale order and add fields to compute the order line count.
- 4. Enterprise Next, we can add the js file for this field widget. In the JS file, we define two components: OrderLine Count Popover and OrderLine Count Widget. The OrderLine Count Widget component renders an icon that, when clicked, opens a popover displaying the order line count. The OrderLine Count Popover component is responsible for rendering the popover content.
- 5. Enterprise
- 6. Enterprise The XML template defines the structure and layout of the widget, including the icon and the popover content.
- 7. Enterprise
- 8. Enterprise Now we can add the count widget in odoo’s views by modifying the XML view definition for the sale order tree view
- 9. Enterprise After defining all files, we can add these files in the manifest file.
- 10. Enterprise After upgrading the module, if we go to the sales module, we can see the icon added to the tree view and also if we click on it, it will display the total number of orderliness in that sale order
- 11. Enterprise Next, we can see how to override an existing widget. For that we can add the code to override the JavaScript file for the Orderline widget in POS. Here, we patch the Orderline widget to include additional functionality for discount button.
- 12. Enterprise We override the widget for the Orderline when applying a discount. If the discount exceeds 50%, a confirmation popup should appear to verify the discount. To achieve this, we import the Confirm Popup widget. We then override the set_discount() method, which is responsible for setting the product discount, to include the confirmation logic.
- 13. Enterprise After choosing products and if we give discount more than 50%, this popup will be shown for confirmation. This is how we override an existing widget.
- 14. 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