Przejdź do zawartości
Musisz się zarejestrować, aby móc wchodzić w interakcje z tą społecznością.
Wszystkie posty Osoby Odznaki
Tagi (Zobacz wszystko)
odoo accounting v14 pos v15
O tym forum
To pytanie dostało ostrzeżenie
3 Odpowiedzi
15758 Widoki
Awatar
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

Awatar
Odrzuć
Hilar Andikkadavath

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

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

Awatar
Daniel Lagin
Najlepsza odpowiedź

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')
},
Awatar
Odrzuć
Awatar
JJB Conseil
Autor Najlepsza odpowiedź

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

Awatar
Odrzuć