Skip to Content
This question has been flagged
javascriptv8qwebreporttemplate
6 Replies
21696 Views
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
Discard
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
Discard
Avatar
Yudy Tirana
Best Answer

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

Avatar
Discard
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
Discard
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
Discard
Avatar
tahirhan
Best Answer

Same issue, did anyone manage to solve this ?

Avatar
Discard
Avatar
Adel
Best Answer


Avatar
Discard
Related Posts Replies Views Activity
Create QWeb reports from Odoo application
v8 qweb report
Avatar
0
दिस॰ 15
5187
Set report orientation Solved
v8 qweb report
Avatar
Avatar
1
मार्च 15
15133
Transfer the sum of all order lines of one page to the next page.
v8 qweb report
Avatar
0
मार्च 15
4009
Edit the qweb template with a custom modul. Solved
v8 qweb report
Avatar
Avatar
Avatar
3
मार्च 15
18937
How to put a fixed header and footer in a report in odoo 17?
qweb report template odoo 17
Avatar
Avatar
Avatar
Avatar
3
सित॰ 25
8494