![Code
Enterprise
Create a custom model called custom_field, and along with it, develop a
controller and a static file to integrate a JavaScript function. Additionally, set
up a view to handle XML files.
<template id="many2many" inherit_id="portal.portal_my_details_fields">
<xpath expr="//input[@name='vat']/.." position="after">
<lable>Tags</lable>
<select class="js-example-basic-multiple col-xl-6 mb-1
new-get_data" multiple="multiple">
<t t-foreach="tags" t-as="tag">
<option t-att-value="tag" t-esc="tag.name"/>
</t></select>
</xpath>
</template>](https://image.slidesharecdn.com/howtoaddmany2manyfieldsinodoowebsiteform-241226060246-262486ec/85/How-to-add-Many2Many-fields-in-odoo-website-form-pptx-4-320.jpg)
![Code
Enterprise
The tags = request.env['crm.tag'] sets up a variable called "tags" and assigns it
the result of crm.tag.search([]), which retrieves all tags from the "crm.tag"
model.
tags = request.env['crm.tag'].sudo().search([])
values.update({
'partner': partner,
'countries': countries,
'states': states,
'tags': tags,
'has_check_vat': hasattr(request.env['res.partner'], 'check_vat'),
'partner_can_edit_vat': partner.can_edit_vat(),
'redirect': redirect,
'page_name': 'my_details',
})](https://image.slidesharecdn.com/howtoaddmany2manyfieldsinodoowebsiteform-241226060246-262486ec/85/How-to-add-Many2Many-fields-in-odoo-website-form-pptx-11-320.jpg)
How to add Many2Many fields in odoo website form.pptx
- 1. How to add Many2Many fields in odoo website form Enterprise
- 2. Introduction Enterprise This feature dynamically links various pieces of data, creating complex relationships between records. Users can enjoy a more personalized and engaging experience on your website. For instance, when a user interacts with one record, related records are automatically shown.
- 3. Many2Many Field Enterprise This type of field is used to create bidirectional multiple relationships between two different models. It can generate a table that connects two models. Any record on one side of this table can access multiple records on the other side.
- 4. Code Enterprise Create a custom model called custom_field, and along with it, develop a controller and a static file to integrate a JavaScript function. Additionally, set up a view to handle XML files. <template id="many2many" inherit_id="portal.portal_my_details_fields"> <xpath expr="//input[@name='vat']/.." position="after"> <lable>Tags</lable> <select class="js-example-basic-multiple col-xl-6 mb-1 new-get_data" multiple="multiple"> <t t-foreach="tags" t-as="tag"> <option t-att-value="tag" t-esc="tag.name"/> </t></select> </xpath> </template>
- 5. Explanation Enterprise ● This XML template customizes an existing view by extending it with new elements. ● It uses the inherit_id attribute to specify that it is modifying the portal_my_details_fields template. ● Within this template, it employs XPath. ● The dropdown, with the class js-example-basic-multiple, is populated with options derived from a tags list, where each option corresponds to a tag's name.
- 6. Code Enterprise Extending the default website portal form view to include our custom "tags" field. var CustomForm = publicWidget.Widget.extend({ selector: '.new-get_data', start: function () { $('.js-example-basic-multiple').select2(); } }); publicWidget.registry.Many2many_tag = CustomForm; return CustomForm;
- 7. Explanation Enterprise ● This defines a custom widget named CustomForm by extending the publicWidget.Widget class. ● When the widget is initialized, it executes the start function, which applies the select2 plugin to elements with the class .js- example-basic-multiple, enhancing them with additional functionality for selecting multiple options. ● The custom widget is then registered in the publicWidget.registry under the name Many2many_tag, making it accessible for use within the application.
- 9. Code Enterprise To fetch values from the backend, we import the Customer Portal and override the account function. from odoo.addons.portal.controllers.portal import CustomerPortal from odoo.http import request, route class CustomerPortal(CustomerPortal): @route() def account(self, redirect=None, **post): res = super(CustomerPortal, self).account(self, **post) values = self._prepare_portal_layout_values() …..
- 10. Explanation Enterprise ● Defines a new class CustomerPortal that inherits from the imported CustomerPortal. ● Within this class, the account method is overridden. ● The method first calls the original account method from the parent class using super(), and then updates the values variable by calling _prepare_portal_layout_values() to prepare layout-related data. ● The updated values can be used for rendering or processing within the custom account method.
- 11. Code Enterprise The tags = request.env['crm.tag'] sets up a variable called "tags" and assigns it the result of crm.tag.search([]), which retrieves all tags from the "crm.tag" model. tags = request.env['crm.tag'].sudo().search([]) values.update({ 'partner': partner, 'countries': countries, 'states': states, 'tags': tags, 'has_check_vat': hasattr(request.env['res.partner'], 'check_vat'), 'partner_can_edit_vat': partner.can_edit_vat(), 'redirect': redirect, 'page_name': 'my_details', })
- 12. Explanation Enterprise ● Assign all records from the crm.tag model to the tags variable using the search method. ● Updates a dictionary named values with several key-value pairs. ● These include information about the partner, countries, states, and the previously fetched tags. ● It also includes whether the partner can edit VAT, a redirect URL, and sets the page name to 'my_details'.
- 14. Enterprise Conclusion Hence this is how one can add Many2Many fields in odoo website form .
- 15. 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