Skip to Content
This question has been flagged
3 Replies
15771 Views
Avatar
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

Avatar
Discard
Hilar Andikkadavath

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

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

Avatar
Daniel Lagin
Best Answer

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')
},
Avatar
Discard
Avatar
JJB Conseil
Author Best Answer

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

Avatar
Discard