Siirry sisältöön
Odoo Menu
  • Kirjaudu sisään
  • Kokeile ilmaiseksi
  • Sovellukset
    Talous
    • Kirjanpito
    • Laskutus
    • Kulut
    • Datataulukot (BI)
    • Asiakirjat
    • Allekirjoita
    Myynti
    • CRM
    • Myynti
    • Kassajärjestelmä myymälään
    • Kassajärjestelmä ravintolaan
    • Tilaukset
    • Vuokraus
    Verkkosivut
    • Verkkosivun Rakennustyökalu
    • Verkkokauppa
    • Blogi
    • Foorumi
    • Livechat
    • Verkko-oppiminen
    Toimitusketju
    • Varastointi
    • Tuotanto
    • Tuotteen elinkaaren hallinta (PLM)
    • Ostot
    • Huolto
    • Laatu
    Henkilöstöhallinto
    • Työntekijät
    • Rekrytointi
    • Vapaat
    • Arvioinnit
    • Suositukset
    • Kuljetuskalusto
    Markkinointi
    • Somemarkkinointi
    • Sähköpostimarkkinointi
    • Tekstiviestimarkkinointi
    • Tapahtumat
    • Markkinoinnin automaatio
    • Kyselyt
    Palvelut
    • Projekti
    • Työaikakirjaukset
    • Kenttähuolto
    • Asiakaspalvelu
    • Suunnittelu
    • Ajanvaraukset
    Tuottavuus
    • Viestintä
    • Hyväksynnät
    • IoT
    • IP-puhe
    • Tietokirjasto
    • WhatsApp
    Kolmannen osapuolen sovellukset Odoo-Studio Odoo-Pilvialusta
  • Toimialat
    Vähittäiskauppa
    • Kirjakauppa
    • Vaatekauppa
    • Huonekaluliike
    • Ruokakauppa
    • Laitteistokauppa
    • Lelukauppa
    Ruoka & Majoitus
    • Baari ja Pubi
    • Ravintola
    • Pikaruoka
    • Majatalo
    • Juomien jakelija
    • Hotelli
    Kiinteistöt
    • Kiinteistönvälitystoimisto
    • Arkkitehtitoimisto
    • Rakentaminen
    • Kiinteistönhallinta
    • Puutarhanhoito
    • Kiinteistön omistajien yhdistys
    Konsultointi
    • Tilitoimisto
    • Odoo-kumppani
    • Markkinointitoimisto
    • Lakitoimisto
    • Osaajahankinta
    • Tilintarkastus & sertifiointi
    Tuotanto
    • Tekstiili
    • Metalli
    • Huonekalut
    • Ruoka
    • Panimo
    • Yrityslahjat
    Terveys & Liikunta
    • Urheiluseura
    • Silmälasiliike
    • Kuntokeskus
    • Hyvinvointialan ammattilaiset
    • Apteekki
    • Kampaamo
    Kaupat
    • Yleismies
    • IT-laitteisto & Tuki
    • Aurinkoenergiajärjestelmät
    • Suutari
    • Siivouspalvelut
    • LVI-palvelut
    Muut
    • Voittoa tavoittelematon järjestö
    • Ympäristötoimisto
    • Mainostaulujen vuokraus  
    • Valokuvaus
    • Leasing-pyörät
    • Ohjelmistojen jälleenmyyjä
    Selaa kaikkia toimialoja
  • Yhteisö
    Opi
    • Kurssit
    • Dokumentaatio
    • Todistukset
    • Koulutus
    • Blogi
    • Podcast
    Kannusta kouluttautumaan
    • Koulutusohjelmat
    • Scale Up! Liiketoimintapeli
    • Vieraile Odoolla
    Hanki ohjelmisto
    • Lataa
    • Vertaile versioita
    • Julkaisut
    Tee yhteistyötä
    • Github
    • Foorumi
    • Tapahtumat
    • Käännökset
    • Ryhdy kumppaniksi
    • Kumppanipalvelut
    • Rekisteröi tilitoimistosi
    Hanki palveluja
    • Löydä kumppani
    • Löydä kirjanpitäjä
    • Varaa asiantuntijatapaaminen
    • Implementaatiopalvelut
    • Asiakasreferenssit
    • Tuki
    • Versionkorotukset
    Github Youtube Twitter Linkedin Instagram Facebook Spotify
    +1 (650) 691-3277
    Varaa demo
  • Hinnoittelu
  • Asiakaspalvelu

Odoo is the world's easiest all-in-one management software.
It includes hundreds of business apps:

  • CRM
  • e-Commerce
  • Kirjanpito
  • Varastointi
  • PoS
  • Projekti
  • MRP
All apps
Sinun on rekisteröidyttävä, jotta voit olla vuorovaikutuksessa yhteisön kanssa.
Kaikki kirjoitukset Ihmiset Merkit
Tunnisteet (Näytä kaikki)
odoo accounting v14 pos v15
Tietoa tästä foorumista
Sinun on rekisteröidyttävä, jotta voit olla vuorovaikutuksessa yhteisön kanssa.
Kaikki kirjoitukset Ihmiset Merkit
Tunnisteet (Näytä kaikki)
odoo accounting v14 pos v15
Tietoa tästä foorumista
Apua

problem with bind a js widget and xml Template to add it in html dev

Tilaa

Saat ilmoituksen, kun tähän viestiin ilmaantuu aktiviteettia

Tämä kysymys on merkitty
widgettemplatesjs
1 Vastaa
3904 Näkymät
Avatar
omarrady_

hi 

 

I took the example from the official docs for js widget : 

 

name of module : learn_js  / odoo 16  community 

 

///////////////in learn_js/static/src/js/counter_widget.js

 

odoo.define('learn_js.counter_widget',function(require){

 

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

 

var Counter = Widget.extend({

    template: 'some.template',

    events: {

        'click button': '_onClick',

    },

    init: function (parent, value) {

        this._super(parent);

        this.count = value;

    },

    _onClick: function () {

        this.count++;

        this.$('.val').text(this.count);

    },

 

});

 

    // Create the instance

var counter = new Counter(this, 4);

// Render and insert into DOM

counter.appendTo(".some-div");

 

})

​

////////////////////////// in learn_js/static/src/xml/counter_templates.xml

   

   

also trying this  and not working : 

 

       

   

   

       

 

////////////// manifest :

{

'name': 'learn js',

    'version': '1.1',

    'category': '',

    'depends': ['base'],

    'data': [

# 'views/nherit_model.xml',

'views/normal_view.xml',

        'security/ir.model.access.csv',

    ],

'assets': {

'web.assets_backend': ['/learn_js/static/src/js/counter_widget.js'],

    'web.assets_qweb': ['/learn_js/static/src/xml/counter_templates.xml']

},

    'application': True,

}

///////////// form view

 

 

​

//////////////////

And when I apply it gives me this error :

 

UncaughtPromiseError

Uncaught Promise > QWeb2: Template 'some.template' not found

Error: QWeb2: Template 'some.template' not found

    at Object.exception (http://localhost:8069/web/assets/1206-68485b7/web.assets_common.min.js:5526:7)

    at Engine._render (http://localhost:8069/web/assets/1206-68485b7/web.assets_common.min.js:5570:103)

    at Engine.render (http://localhost:8069/web/assets/1206-68485b7/web.assets_common.min.js:5566:151)

    at Class.renderElement (http://localhost:8069/web/assets/1206-68485b7/web.assets_common.min.js:6081:775)

    at http://localhost:8069/web/assets/1206-68485b7/web.assets_common.min.js:6091:6

///////////////////

So I want to know how to create this counter using the widget

and add it to the form view in this element in the same way.

Thanks

 


0
Avatar
Hylkää
Avatar
shubham shiroya
Paras vastaus

try this way and modify your code:

odoo.define('learn_js.counter_widget', function (require) {
var Widget = require('web.Widget');

var Counter = Widget.extend({
template: 'learn_js.counter_template', // Update the template name

events: {
'click button': '_onClick',
},

init: function (parent, value) {
this._super(parent);
this.count = value;
},

_onClick: function () {
this.count++;
this.$('.val').text(this.count);
},
});

var counter = new Counter(this, 4);
counter.appendTo(".some-div");
});

  1. Create the template in counter_templates.xml:

templates>
t t-name="learn_js.counter_template">
div>
button>Increment
span class="val">4
/div>
/t>
/templates>

  1. Update the manifest file (__manifest__.py) to include the template XML file:

{
'name': 'learn js',
'version': '1.1',
'category': '',
'depends': ['base'],
'data': [
'views/normal_view.xml',
'security/ir.model.access.csv',
'static/src/xml/counter_templates.xml', // Add this line
],
'assets': {
'web.assets_backend': [
'static/src/js/counter_widget.js',
],
},
'application': True,
}

0
Avatar
Hylkää
Nautitko keskustelusta? Älä vain lue, vaan osallistu!

Luo tili jo tänään nauttiaksesi yksinoikeusominaisuuksista ja osallistuaksesi mahtavaan yhteisöömme!

Rekisteröidy
Aiheeseen liittyviä artikkeleita Vastaukset Näkymät Toimenpide
Extending/Overriding public widgets.
widget js
Avatar
Avatar
1
toukok. 23
8647
Custom widget in odoo 10
widget templates
Avatar
Avatar
Avatar
2
jouluk. 20
11275
Override Many2ManyListView under web.form_relational !! Ratkaistu
widget js
Avatar
Avatar
1
heinäk. 16
5040
Call variable in a template to have a dynamic url
xml templates js
Avatar
0
jouluk. 23
2663
Sign App won't display PDF while custom JS widget added to the SystrayMenu
widget js sign
Avatar
0
tammik. 21
3642
Yhteisö
  • Kurssit
  • Dokumentaatio
  • Foorumi
Avoin lähdekoodi
  • Lataa
  • Github
  • Runbot
  • Käännökset
Palvelut
  • Odoo.sh hosting
  • Tuki
  • Versionkorotus
  • Räätälöidyt kehitykset
  • Koulutus
  • Löydä kirjanpitäjä
  • Löydä kumppani
  • Ryhdy kumppaniksi
Meistä
  • Yrityksemme
  • Brändiominaisuudet
  • Ota yhteyttä
  • Työpaikat
  • Tapahtumat
  • Podcast
  • Blogi
  • Asiakkaat
  • Oikeudellinen ilmoitus • Yksityisyys
  • Tietoturva
الْعَرَبيّة Català 简体中文 繁體中文 (台灣) Čeština Dansk Nederlands English Suomi Français Deutsch हिंदी Bahasa Indonesia Italiano 日本語 한국어 (KR) Lietuvių kalba Język polski Português (BR) română русский язык Slovenský jazyk slovenščina Español (América Latina) Español ภาษาไทย Türkçe українська Tiếng Việt

Odoo on kokoelma avoimen lähdekoodin yrityssovelluksia, jotka kattavat kaikki yrityksesi tarpeet: asiakkuudenhallinta eli CRM, verkkokauppa, kirjanpito, varastointi, kassajärjestelmä, projektinhallinta, jne.

Odoon uniikki arvolupaus on olla samanaikaisesti erittäin helppokäyttöinen ja täysin integroitu.

Website made with

Odoo Experience on YouTube

1. Use the live chat to ask your questions.
2. The operator answers within a few minutes.

Live support on Youtube
Watch now