Qweb Templates and Operations in Odoo 18

Qweb Templates and Operations in Odoo
18
Enterprise

Enterprise
In this slide, we’ll dive into Qweb templates in Odoo 18, covering
their structure, operations, and customization options. We’ll also look
at how to extend Qweb templates and perform key operations to
optimize your reports and web content.
Introduction

Enterprise
Qweb Templates
Qweb templates in Odoo 18 are XML-based tools for generating
dynamic content like web pages, PDF reports, and emails. They
pull data from Odoo models, making them ideal for documents
like invoices and purchase orders. Optimizations in Odoo 18 have
improved performance, enabling faster rendering and reduced
memory usage, even with large datasets or complex reports.

Enterprise
Key Features of Qweb in Odoo 18
● Dynamic Content Rendering: Qweb templates can pull and
display real-time data directly from Odoo models, allowing for
dynamic, data-driven reports and web pages.
● Customizable Layouts: The flexibility of Qweb allows developers
to create detailed, custom layouts to meet specific business
needs.

Enterprise
● Modular Structure: Qweb templates can be extended or
overridden, enabling customization without altering the original
code, which is helpful for updates or specific adjustments.
● Integration with Reports: Odoo’s reporting system, especially
for generating PDF and HTML documents, heavily relies on Qweb
templates.

Enterprise
● Reusability: Qweb supports reusable snippets that can be integrated
into multiple templates, reducing code repetition and simplifying
maintenance.

Enterprise
Structure of a Qweb Template
Qweb templates are defined in XML and consist of tags that specify
how content should be structured and displayed. Here's an
example of a simple Qweb template for generating an invoice
report:

Enterprise
<template id="report_invoice">
<t t-call="web.html_container">
<t t-foreach="docs" t-as="o">
<t t-call="account.report_invoice_document">
<t t-set="company" t-value="o.company_id"/>
<t t-set="date" t-value="o.date_invoice"/>

</t>
</t>
</t>
</template>

Enterprise
● <template>: The root element that defines the Qweb template,
identified by a unique id.
● <t>: A versatile tag used for dynamic operations like calling other
templates, looping through data, or defining variables.
● t-call: Calls another template, enabling modular and reusable code.
● t-foreach: Iterates over a list of records, rendering content
dynamically for each item.
● t-set: Defines variables that can be used within the template to display
dynamic content.

Enterprise
Key Operations in Qweb Templates
1. Defining Variables (t-set and t-value)
You can use t-set to define variables and t-value to assign values
that will be used later in the template.
<t t-set="company_name" t-value="o.company_id.name"/>
<p>Company Name: <t t-esc="company_name"/></p>

Enterprise
2. Looping through Data (t-foreach)
Use t-foreach to loop through records and display data dynamically.
<t t-foreach="o.invoice_line_ids" t-as="line">
<tr>
<td><t t-esc="line.product_id.name"/></td>
<td><t t-esc="line.quantity"/></td>
<td><t t-esc="line.price_unit"/></td>
</tr>
</t>

Enterprise
3. Conditional Statements (t-if, t-elif, and t-else)
Conditional rendering allows you to control the display of content
based on specific conditions.
<t t-if="o.state == 'draft'">
<p>Invoice is in draft state.</p>
<t t-elif="o.state == 'open'">
<p>Invoice is open.</p>
<t t-else="">
<p>Invoice is in another state.</p>
</t>

Enterprise
4. Including Other Templates (t-call)
You can call another template inside the current one to include pre-defined
content.
<t t-call="account.report_invoice_footer"/>

Enterprise
5. Escaping or Rendering Raw Content (t-esc and t-raw)
Use t-esc to escape content (e.g., special characters) or t-raw to
render raw HTML.
<p>Escaped Content: <t t-esc="o.name"/></p>
<p>Raw Content: <t t-raw="o.description_html"/></p>

Enterprise
6. Setting Dynamic Attributes (t-att)
Dynamically set HTML element attributes using t-att.
<img t-att-src="'/web/image/product.product/' + str(o.product_id.id) +
'/image_1920'"/>

Enterprise
7. Formatting Dates and Numbers
Format dates and numbers using Odoo’s formatLang and
formatDate methods.
<p>Date:
<t t-esc="formatDate(o.date_invoice, 'dd MMMM yyyy')"/>
</p>

Enterprise
8. Debugging Templates (t-debug and t-log)
Use t-debug and t-log for debugging Qweb templates, displaying or logging
variable data.
<t t-debug="o.partner_id.name"/>
<t t-log="o.partner_id.name"/>

Enterprise
Extending and Customizing Qweb Templates
You can easily extend or override Qweb templates in Odoo 18 by inheriting
the original template and modifying its content. This allows developers to
customize templates without altering the core template files.

Enterprise
Inheriting a Template
<template id="report_invoice_inherit"
inherit_id="account.report_invoice_document">
<xpath expr="//div[@class='header']" position="after">
<p>Additional content added to the invoice report.</p>
</xpath>
</template>

Enterprise
Overriding a Template
<template id="report_invoice">

</template>

Enterprise
Conclusion
Qweb templates in Odoo 18 are essential for creating dynamic, data-
driven documents and reports. Their XML-based structure and
improved performance make them a key tool for developers to
customize content efficiently, meeting specific business needs.

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

Qweb Templates and Operations in Odoo 18

More Related Content

Similar to Qweb Templates and Operations in Odoo 18 (20)

More from Celine George (20)

Recently uploaded (20)

Qweb Templates and Operations in Odoo 18