Expandable Tree View

In Odoo, the Expandable Tree View is a type of view used to display data in a tree structure with the ability to expand or collapse. This view allows users to view and manage data with hierarchical relationships, such as data related to categories, products, or reports with sub-categories, more efficiently.

Benefits of Expandable Tree View:

• Better and Structured Data Presentation: The Expandable Tree View allows for presenting large amounts of data in an organized and neat manner, making it easier to manage
• Improved User Experience: The dynamic and interactive view makes it easier for users to navigate through data quickly and efficiently.
• Flexibility: Users and developers can customize the display of information as needed by selecting which levels to show or hide.

The information shown in the Expandable Tree View in Odoo 18 is based on the model and fields used within the Odoo modules.

Dependency Module

• All Modules.

Feature

Hierarchical Structure: The Expandable Tree View allows data to be organized in a tree format with entries at different levels, such as parent or child. Each entry can have sub-entries or more specific items.

Expand & Collapse: The expand icon (small arrow) can be clicked to display the details of an entry at a certain level, or to hide that information.

This feature can be used in all Odoo modules. Its usage in specific modules depends on the configuration set by the user.Fitur ini dapat digunakan pada semua modul Odoo.

Expandable Tree View Configuration

Here are the steps to set up the Expandable Tree View:

• Make sure the Expandable List Widget for Odoo 18 module is installed.
• Open Settings → General Settings → Expandable List Configuration → Manage Columns
  

  Image 1 General Setting Expandable List Configuration

• Configure on the Manage Columns page by clicking the Create button.
  

  Image 2 Expandable Tree View Configuration

  

  Image 3 Filling in the Configuration Fields for Expandable Tree View

  Explanation of filling in the fields on the Expandable Tree View list view is as follows:

  

  Image 4 Explanation of filling in the fields on the Expandable Tree View

  1. Active
     • By default, the slider is active.
     • It is used to enable or disable the Expandable Tree View in the configured module.
  2. Name
     • Mandatory
     • It can be filled with the desired name for the Expandable Tree View configuration.
  3. Model
     • Mandatory
     • It is a dropdown list. Users can select the model according to the model used in the fields that will be displayed in the Expandable Tree View.
  4. One2Many Field
     • Secara default slider Active.
     • It is a One2Many dropdown list based on the selected model. The dropdown list will appear once the user has filled in the Model field.
  5. Detail Columns
     • Mandatory
     • It is a dropdown list of columns based on the selected One2Many field. The dropdown list will appear once the user has filled in the Model and One2Many Field.
     • These columns will be displayed in the Expandable Tree View.
  6. View Refs
     • By default, it will be filled when the user selects a Model, but it can still be deleted or selected again.
     • Mandatory
     • This field is used to determine in which modules the Expandable Tree View will be displayed, as the Model can be used across multiple modules.
• The Expandable Tree View configuration can be deleted, archived, or exported by clicking the Actions button.
  

  Image 5 Button Actions in Expandable Tree View Configuration

Implementation Expandable Tree View in Sales Order and Purchase Order

For example, the Expandable Tree View can be used in Sales Orders. Below is the view of the Sales Order when the Expandable Tree View configuration for Sales Order has been added and activated.

• In the Sales Order list view, a blue Expand & Collapse button will be visible.
  

  Image 6 The Sales Order List View with the Expandable List View Active

• The Expand & Collapse button, when clicked, will display the tree information according to the configuration that has been added
  

  Image 7 The Sales Order with the Expandable List View Active

• In the Purchase Order list view, a blue Expand & Collapse button will be visible. biru.
  

  Image 8 The Purchase Order List View with the Expandable List View Active

• The Expand & Collapse button, when clicked, will display the tree information according to the configuration that has been added.
  

  Image 9 The Purchase Order with the Expandable List View Active