Sari la conținut
Trebuie să fiți înregistrat pentru a interacționa cu comunitatea.
Toate postările Oameni Insigne
Etichete (Vezi tot)
odoo accounting v14 pos v15
Despre acest forum
Această întrebare a fost marcată
3 Răspunsuri
15736 Vizualizări
Imagine profil
JJB Conseil

Hi everyone,


i need to add a button in an xml view wich call a javascript function

No problem to add the button, but i'm not able to add the js function.


Is it possible to have a complete example code to add a js function in odoo, and how link this function to the onclick event of the button.


Thank you by advance

Vincent

Imagine profil
Abandonează
Hilar Andikkadavath

please check form controller which is dealing create, edit buttons events.

addons/web/static/src/js/views/form/form_controller.js

Imagine profil
Daniel Lagin
Cel mai bun răspuns

Hi,

 1. in your custom module create static.xml and add it into manifest.

'data': [
    ...
    'views/static.xml',
],

 2. views/static.xml:

<odoo>
 <data>
 <template id="my_module_assets" name="my_module.assets" inherit_id="web.assets_backend">
 <xpath expr="." position="inside">
 <script type="text/javascript" src="/my_module/static/src/js/button.js"></script>
 </xpath>
 </template>
 </data>
</odoo>

In your custom module create: /my_module/static/src/js/button.js

3. in button declaration add class or id for created button:

<button name="button" class="my_class" string="Call"/>

4. in button.js (/my_module/static/src/js/button.js) create function to trigger js code after button click:

events: {
    "click . my_class": "call_function",
},
call_function: function () {
    console.log('Click')
},
Imagine profil
Abandonează
Imagine profil
JJB Conseil
Autor Cel mai bun răspuns

Hi Daniel,

Thank you for all those details.

I tried with your solution but i've got an error (see below) :

ERROR: TestUi.test_01_admin_bank_statement_reconciliation Traceback (most recent call last): File "/home/odoo/src/odoo/addons/account/tests/test_reconciliation_widget.py", line 38, in test_01_admin_bank_statement_reconciliation 'bank_statement_reconciliation', login="admin") File "/home/odoo/src/odoo/odoo/tests/common.py", line 1251, in start_tour res = self.browser_js(url_path=url_path, code=code, ready=ready, **kwargs) File "/home/odoo/src/odoo/odoo/tests/common.py", line 1223, in browser_js self.assertTrue(self.browser._wait_ready(ready), 'The ready "%s" code was always falsy' % ready) File "/home/odoo/src/odoo/odoo/tests/common.py", line 924, in _wait_ready res = self._get_message() File "/home/odoo/src/odoo/odoo/tests/common.py", line 801, in _get_message raise ChromeBrowserException(descr or pprint.pformat(exception_details)) odoo.tests.common.ChromeBrowserException: SyntaxError: Unexpected token ':'

Any idea for this error!?

Please find below my code : views/clipboard.xml, clipboard.js and button declaration

I've addedd clipboard.xml in manifest file

<?xml version="1.0" encoding="utf-8"?>

<odoo>

    <data>

        <template id="safar_module_asset" name="safar_module.assets" inherit_id="web.assets_backend">

            <xpath expr="." position="inside">

                <script type="text/javascript" src="/safar_module/static/src/js/clipboard.js"/>

            </xpath>

        </template>

    </data>

</odoo>
 
events: {

    “click . class_js_safar”: “read_from_clipboard”,

},

read_from_clipboard: function() {

    console.log('alert log')

},

 
<button name="Recup_safar_config"
string="Récupérer Config"
type="object"
class="class_js_safar"/>

Hope you can help me

Vincent

Imagine profil
Abandonează