Skip to Content
You need to be registered to interact with the community.
All Posts People Badges
Ključne besede (View all)
odoo accounting v14 pos v15
About this forum
This question has been flagged
widgetjsmaster
2 Odgovori
9362 Prikazi
Avatar
Haresh Kansara (hak)

Hello Everyone,

i have created one JS widget and it is properly working on odoo 11, but in master[Odoo 12.0alpha1+e] it's show me a console error "Could not find client action MyWidget".

Bellow are the files. Please help me.

Thanks in advance..

(1) file entry using template:

<template id="qunit_suite" name="tournament widget tests" inherit_id="web.qunit_suite">
            <xpath expr="//t[@t-set='head']" position="inside">
                <script type="text/javascript" src="/tournament/static/tests/widget_tests.js"></script>
            </xpath>
        </template>

(2) manifest entry:

'qweb': [
        'static/src/xml/widget.xml',
    ],

(3) tournament/static/src/js/widget.js :
odoo.define('tournament.widget', function(require) {
    "use strict";
    var Widget = require('web.Widget');
    var core = require('web.core');
    
    var myWidget = Widget.extend({

        'template' : "Mytemplate",        
        events: {
            'click .class_ex' : 'minus',
            'click .class_ex1' : 'plus',
            'click .class_ex3' : 'startt',
            'click .class_ex4' : 'deleterow',
            'click .class_ex5' : 'restart',
            'click .class_ex6' : 'stop',
            'click .class_ex7' : 'addrow',
        },
        init: function () {
        this._super.apply(this, arguments);
        this.myTimer = 0;
        },
        plus:function(){
        var $input = this.$el.find("#textbox")
            $input.val(parseInt($input.val())+1)
        },
        minus:function(){ 
        var $input = this.$el.find("#textbox")
      $input.val(parseInt($input.val())-1)
        },
        startt:function(event){
        var $input = this.$el.find("#textbox");
    this.myTimer = setInterval(setTime,1000);
    function setTime(){
        $input.val(parseInt($input.val())+1)
    }
        this.$el.find("#startt").hide();
            this.$el.find("#plus").hide();
            this.$el.find("#minus").hide();
            this.$el.find("#stop").removeClass("hide");
    this.$el.find("#restart").removeClass('hide');
        },
        restart:function(){
            clearInterval(this.myTimer);
            var $input = this.$el.find("#textbox");
            $input.val(0)
            this.$el.find("#restart").addClass("hide");
            this.$el.find("#plus").show();
            this.$el.find("#minus").show();
            this.$el.find("#startt").show();
            this.$el.find("#stop").addClass("hide");
        },
        stop:function(){
    clearInterval(this.myTimer);
    this.$el.find("#stop").addClass("hide");
            this.$el.find("#startt").show();
        },
        addrow:function(event){
        var temp = new myWidget();
    temp.insertAfter($("#coppy"));
        },
        deleterow:function(event){
    this.destroy();
        },
    });
var myWidget1 = Widget.extend({
'template' : "Mytemplate1",
events: {
            'click .class_ex7' : 'addrow',
        },
        addrow:function(event){
        var abc = new myWidget();
        abc.insertAfter($("#mainWidget"));
        },
})
    
    core.action_registry.add('MyWidget', myWidget1);
    return myWidget1;
});


(4) tournament/static/src/xml/widget.xml :


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

<templates>
    <t t-name="Mytemplate">
        <div id="mainn">
        <center style="border:3px solid #e5e3e3;border-radius:10px;padding:10px;margin-bottom:10px;">
            <input class="form-control" id="textbox" placeholder="Enter Number" value="0" /><br />

            <button name="plus" id="plus" class="btn btn-primary class_ex1">+</button>
                <button name="minus" id="minus" class="btn btn-primary class_ex" >-</button>
                <button name="startt" id="startt" class="btn btn-primary class_ex3">Start</button>
                <button name="stop" id="stop" class="hide btn btn-primary class_ex6">Stop</button>
                <button name="restart" id="restart" class="hide btn btn-primary class_ex5">Restart</button>
                <button name="delete" id="delete" class="btn btn-primary class_ex4">Delete</button>
        </center>
        </div>
        <div id="coppy">
        </div>
    </t>

    <t t-name="Mytemplate1">
        <div id="mainWidget" style="margin-bottom:10px;">
            <center>
                 <button name="addrow" id="addrow" class="btn btn-primary class_ex7">Add Row</button>
            </center>
        </div>
    </t>
</templates>

(5) view file entry:

<record model="ir.actions.client" id="widget_action">
        <field name="name">Widget</field>
        <field name="tag">MyWidget</field>
        <field name="target">new</field>
    </record>

<menuitem name="Widget" 
        id="Widget_menu" 
        parent="tournament.tournament_root_menu" 
        action="widget_action" />
Avatar
Opusti
Avatar
Mohd Shoaib Sayyed
Best Answer

Hi, 

Just add below changes

 var AbstractAction = require('web.AbstractAction');

Instead of 
 var myWidget = Widget.extend({
})


Use 

 var myWidget = AbstractAction.extend({

})

Hope this will solve your issue.

Avatar
Opusti
Avatar
Pavel Daniel Lopez Castillo
Best Answer

I have the same problem 

**********************Mi archivo JS*******************


odoo.define('df_hc_acuifero.graficoClientAction', function (require) {
    "use strict";

    var AbstractAction = require('web.AbstractAction');
    var ControlPanelMixin = require('web.ControlPanelMixin');
    var core = require('web.core');
    var Widget = require('web.Widget');
    var _t = core._t;
    var QWeb = core.qweb;




    var Grafico_acuiferoAction = AbstractAction.extend(ControlPanelMixin, {
        template: "df_hc_acuifero_grafico_acuifero_view",

        init: function (parent, context) {
            this._super(parent, context);
        },

        start: function () {
          alert("pavel");
        },


    });

    core.action_registry.add('grafico_acuifero_view', Grafico_acuiferoAction);
    return {
    Grafico_acuiferoAction: Grafico_acuiferoAction,
   };
});
***********Mi Template****************
<?xml version="1.0" encoding ="UTF-8"?>

<templates xml:space="preserve">
<div t-name="df_hc_acuifero_grafico_acuifero_view" >
    <div id="tabstrip">
        <div>
            <div/>
        </div>
    </div>
</div>
</templates>

********* Mi view ******************
<?xml version="1.0" encoding="UTF-8"?>

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


        <record id="df_action_grafico_acuifero" model="ir.actions.client">
          <field name="name">GCBAS</field>
          <field name="tag">grafico_acuifero_view</field>
        </record>
    </data>
</odoo>

****** Mi manifest  **********
{
    'name': "acuifero",

    'summary': """
        Short (1 phrase/line) summary of the module's purpose, used as
        subtitle on modules listing or apps.openerp.com""",

    'description': """
        Long description of module's purpose
    """,

    'author': "My Company",
    'website': "http://www.yourcompany.com",

    # Categories can be used to filter modules in modules listing
    # Check https://github.com/odoo/odoo/blob/10.0/odoo/addons/base/module/module_data.xml
    # for the full list
    'category': 'Uncategorized',
    'version': '0.1',

    # any module necessary for this one to work correctly

    'depends': ['base','df_hc_embalse','df_hc_rain_base'],

    # always loaded
    'data': [
        'security/df_hc_acuifero_security.xml',
        'security/ir.model.access.csv',
        'views/views.xml',
        'views/templates.xml',
        'views/df_cuenca_subterranea_inherit_view.xml',
        'views/df_pozo_view.xml',
        'views/df_nivel_anual_pozo_view.xml',
        'views/df_probabilidad_cuenca_view.xml',
        'views/df_probabilidad_sector_view.xml',
        'views/df_probabilidad_bloque_view.xml',
        'views/df_probabilidad_pozo_view.xml',
        #     # 'views/df_zona_hidrografica_pluviometro_view.xml',
        #     # 'views/df_tramo_view.xml',
        'views/df_sector_hidrologico_view.xml',
        'views/df_explotacion_real_view.xml',
        'views/df_explotacion_anual_pozo_view.xml',
       'views/df_grafico_comportamiento_acuifero.xml',
        'wizard/df_importar_pozos.xml',
        'wizard/df_importar_niveles_pozos.xml',
        'wizard/df_importar_explotacion.xml',
      'wizard/df_configurar_grafica_gcbas.xml',
      'report/df_report_cota_agua_view.xml',
        'report/report_view.xml',
        'report/df_hc_cota_agua.xml',
        'views/df_acuerifero_main_view.xml',
    ],
   # only loaded in demonstration mode
    'demo': [
        'demo/demo.xml',
    ],
    'qweb' : ['static/src/xml/grafico_comportamiento_acuifero.xml'],
    'application': True
}


Avatar
Opusti
Related Posts Odgovori Prikazi Aktivnost
Extending/Overriding public widgets.
widget js
Avatar
Avatar
1
maj 23
8606
Override Many2ManyListView under web.form_relational !! Solved
widget js
Avatar
Avatar
1
jul. 16
5012
problem with bind a js widget and xml Template to add it in html dev
widget templates js
Avatar
Avatar
1
jun. 23
3873
Sign App won't display PDF while custom JS widget added to the SystrayMenu
widget js sign
Avatar
0
jan. 21
3611
How to Inheirt SectionAndNoteListRenderer function to include my custom code Solved
widget js render
Avatar
Avatar
1
dec. 19
6547