Testing a simple javascript function in odoo

Question

I'm trying to create a simple javascript code in odoo 10. So Under myModule\static\src\js folder I added a test.js file containing this code:

alert("it works!!");

And Under myModule\views I added an xml file containing this code:

<?xml version="1.0" encoding="utf-8"?>
<odoo>
<data>
    <template id="assets_backend" name="solixy assets" inherit_id="web.assets_backend">
        <xpath expr="." position="inside">
            <script type="text/javascript" src="/solixyProject/static/src/js/test.js"></script>
        </xpath>
    </template>
</data>

And it works fine when I update my module and refresh odoo. Now I want this js code to be called when I press a button. So I changed js code like this:

function clickMe(){
    alert("it works!!");
};

Then in my form I added this button:

<button name="test_js" string="Test Javascript File" type="object" class="btn-primary" onclick="clickMe()"/>

Now the button is shown but I don't have my alert box!!

Thank you for your help.

Can you check your browser console to ensure the JS is loaded and to see if it is throwing any errors? — Travis Waelbroeck
– Travis Waelbroeck, Commented Jan 6, 2018 at 5:30
Yes I got this error: Unreachable code after return statement — Tessnim
– Tessnim, Commented Jan 8, 2018 at 14:24

Tessnim · Accepted Answer · 2018-01-10 08:23:17Z

0

It looks like I'm missing many other javascript code so my method can work. We can't just add a method like this:

function clickMe(){
    alert("it works!!");
};

This is the correct js code:

odoo.define('solixyProject.kanban_view', function (require){
"use strict";
var form_widget = require('web.form_widgets');
var core = require('web.core');
var _t = core._t;
var QWeb = core.qweb;

form_widget.WidgetButton.include({
    on_click: function() {
         if(this.node.attrs.custom === "click"){

            alert("It works!!");

            return;
         }
         this._super();
    },
});
});

And this is the correct xml code:

<button string="Test Javascript Onclick Method" custom="click" />

This question helped me a lot: Odoo javascript onclick event

answered Jan 10, 2018 at 8:23

Tessnim

46110 silver badges31 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

user3162878 Over a year ago

how did u solved the problem here? TypeError: exec_workflow() takes exactly 4 arguments (3 given)

Collectives™ on Stack Overflow

Testing a simple javascript function in odoo

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related