Skip to Content
This question has been flagged
javascriptv8qwebreporttemplate
6 Replies
21676 Zobrazenia
Avatar
Shawn Varghese

How do I execute javascript in qweb? I read through the documentation and it mentioned a t-js tag. But I can't get it to work.

I have created a table in a qweb report. But if the table cannot fully fit onto one page, I need to insert a page-break before the table. Therefore, it becomes a conditional page-break. For this I need to obtain the height of the table. One technique is through javascript:

var table = document.getElementById("tableId");

alert(table.offsetHeight);

I need to execute these lines in QWeb, and then I also need to pass the value of the offset height  from javascript to a qweb variable. Is this possible?

I find QWeb to be a powerful tool for dynamic HTML generation, but sadly, the documentation is very poor.

Avatar
Zrušiť
Cliff Kujala

I would also love to know how to accomplish this. I believe javascript can be the answer to my question posted here: https://www.odoo.com/forum/help-1/question/qweb-drop-trailing-0s-after-decimal-73314

Nicolas Bustillos

I've just bumped into the same issue. Per the documentation, it is clear that placing "t-js" node inside the template does exactly what you require (https://www.odoo.com/documentation/8.0/reference/qweb.html). However, as I try it, it just 'prints' the javascript code into the pdf report (¿?), as if it were any regular html tag. Have any of you had any luck with this matter?

PAYUCA GmbH

Did you ever solve this?

Avatar
Lukas
Best Answer

i solved it with <scriptlanguage="javascript"type="text/javascript">

Avatar
Zrušiť
Avatar
Yudy Tirana
Best Answer

I am also trying to find a solution for this, can anyone help ?

Avatar
Zrušiť
Avatar
Adolfo Vargas
Best Answer

In the Odoo Studio : studio_customization where you add the <xpath> elements, inside /t or /t/t
 (<xpath expr="/t/t" position="inside">)
you can ad a script tag just as in html
<script>

//Javascript code

</script>
You can access the DOM and do many other things this way

Avatar
Zrušiť
Avatar
yjghjghj
Best Answer

guys, did you solve this? if not, you go like this:

<t t-jquery="[t-set*='columns_count']" t-operation="replace">
          <t t-js="ctx">
              var table = document.getElementById("tableId");
                        alert(table.offsetHeight);          
</t>
          <t t-if="show_order_numbers">
</t>
I have put t-jquery just that you know that t-js must go in there, but the value of t-jquery depends where you want to insert your js code.....
Avatar
Zrušiť
Avatar
tahirhan
Best Answer

Same issue, did anyone manage to solve this ?

Avatar
Zrušiť
Avatar
Adel
Best Answer


Avatar
Zrušiť
Related Posts Replies Zobrazenia Aktivita
Create QWeb reports from Odoo application
v8 qweb report
Avatar
0
dec 15
5177
Set report orientation Solved
v8 qweb report
Avatar
Avatar
1
mar 15
15124
Transfer the sum of all order lines of one page to the next page.
v8 qweb report
Avatar
0
mar 15
3995
Edit the qweb template with a custom modul. Solved
v8 qweb report
Avatar
Avatar
Avatar
3
mar 15
18923
How to put a fixed header and footer in a report in odoo 17?
qweb report template odoo 17
Avatar
Avatar
Avatar
Avatar
3
sep 25
8462