Skip to Content
Odoo Menu
  • Zaloguj się
  • Wypróbuj za darmo
  • Aplikacje
    Finanse
    • Księgowość
    • Fakturowanie
    • Wydatki
    • Arkusz kalkulacyjny (BI)
    • Dokumenty
    • Podpisy
    Sprzedaż
    • CRM
    • Sprzedaż
    • PoS Sklep
    • PoS Restauracja
    • Subskrypcje
    • Wypożyczalnia
    Strony Internetowe
    • Kreator Stron Internetowych
    • eCommerce
    • Blog
    • Forum
    • Czat na Żywo
    • eLearning
    Łańcuch dostaw
    • Magazyn
    • Produkcja
    • PLM
    • Zakupy
    • Konserwacja
    • Jakość
    Zasoby Ludzkie
    • Pracownicy
    • Rekrutacja
    • Urlopy
    • Ocena pracy
    • Polecenia Pracownicze
    • Flota
    Marketing
    • Marketing Społecznościowy
    • E-mail Marketing
    • SMS Marketing
    • Wydarzenia
    • Automatyzacja Marketingu
    • Ankiety
    Usługi
    • Projekt
    • Ewidencja czasu pracy
    • Usługi Terenowe
    • Helpdesk
    • Planowanie
    • Spotkania
    Produktywność
    • Dyskusje
    • Zatwierdzenia
    • IoT
    • VoIP
    • Baza wiedzy
    • WhatsApp
    Aplikacje trzecich stron Studio Odoo Odoo Cloud Platform
  • Branże
    Sprzedaż detaliczna
    • Księgarnia
    • Sklep odzieżowy
    • Sklep meblowy
    • Sklep spożywczy
    • Sklep z narzędziami
    • Sklep z zabawkami
    Żywienie i hotelarstwo
    • Bar i Pub
    • Restauracja
    • Fast Food
    • Pensjonat
    • Dystrybutor napojów
    • Hotel
    Agencja nieruchomości
    • Agencja nieruchomości
    • Biuro architektoniczne
    • Budowa
    • Zarządzanie nieruchomościami
    • Ogrodnictwo
    • Stowarzyszenie właścicieli nieruchomości
    Doradztwo
    • Biuro księgowe
    • Partner Odoo
    • Agencja marketingowa
    • Kancelaria prawna
    • Agencja rekrutacyjna
    • Audyt i certyfikacja
    Produkcja
    • Tekstylia
    • Metal
    • Meble
    • Jedzenie
    • Browar
    • Prezenty firmowe
    Zdrowie & Fitness
    • Klub sportowy
    • Salon optyczny
    • Centrum fitness
    • Praktycy Wellness
    • Apteka
    • Salon fryzjerski
    Transakcje
    • Złota rączka
    • Wsparcie Sprzętu IT
    • Systemy energii słonecznej
    • Szewc
    • Firma sprzątająca
    • Usługi HVAC
    Inne
    • Organizacja non-profit
    • Agencja Środowiskowa
    • Wynajem billboardów
    • Fotografia
    • Leasing rowerów
    • Sprzedawca oprogramowania
    Przeglądaj wszystkie branże
  • Community
    Ucz się
    • Samouczki
    • Dokumentacja
    • Certyfikacje
    • Szkolenie
    • Blog
    • Podcast
    Pomóż w nauce innym
    • Program Edukacyjny
    • Scale Up! Gra biznesowa
    • Odwiedź Odoo
    Skorzystaj z oprogramowania
    • Pobierz
    • Porównaj edycje
    • Wydania
    Współpracuj
    • Github
    • Forum
    • Wydarzenia
    • Tłumaczenia
    • Zostań partnerem
    • Usługi dla partnerów
    • Zarejestruj swoją firmę rachunkową
    Skorzystaj z usług
    • Znajdź partnera
    • Znajdź księgowego
    • Spotkaj się z doradcą
    • Usługi wdrożenia
    • Opinie klientów
    • Wsparcie
    • Aktualizacje
    Github Youtube Twitter Linkedin Instagram Facebook Spotify
    +1 (650) 691-3277
    Zaplanuj demo
  • Cennik
  • Pomoc

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

  • CRM
  • e-Commerce
  • Księgowość
  • Zapasy
  • PoS
  • Projekt
  • MRP
All apps
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
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
Pomoc

How to create a function to set dynamic tooltip for field?

Zaprenumeruj

Otrzymaj powiadomienie o aktywności w tym poście

To pytanie dostało ostrzeżenie
tooltip
3 Odpowiedzi
14454 Widoki
Awatar
JC

When I rollover my mouse to product field in order line, I want to pop up tooltip with infomations , like cost, qty on hand etc instead of going into the product screen? I understand tooltip is configure with the attribute help when creating the field, could I put a function to retrive the information instead? If yes please provide an example.thanks in advance.

5
Awatar
Odrzuć
Emanuel Cino

I'm also interested in doing this!

Awatar
thompsonn
Najlepsza odpowiedź

The aim of the attribute help=  is to display some general information on the field and not on the dynamically attached elements of that field. IMHO this should be achieved with JavaScript, asynchronous in this case as the field elements should be rendered afore. I do not insist that the way to do the trick I am going to describe is the only and the best one but it may give you the basic idea and inspire for a better solution.

 Let us create a module dynamic_tooltip with the following structure:
 

dynamic_tooltip/
|── assets.xml
|── __init__.py
|── __manifest__.py
|── static
│     └── src
│             └── js
│                     └── sale_order_line_tooltip.js
|── view.xml

We are putting there an empty __init__.py file in order to avoid ImportError on the server start. 

The file assets.xml incorporates our JS code into web.assets_backend and looks as follows:

<?xml version="1.0" encoding="UTF-8"?>
<odoo>
<template id="assets_backend" inherit_id="web.assets_backend">
<xpath expr="." position="inside">
<script src="/dynamic_tooltip/static/src/js/sale_order_line_tooltip.js"
type="text/javascript" />
</xpath>
</template>
</odoo>

Our JS file should be placed under static/src/js/ as a generally good Odoo practice. I am not a JS master so those who have way with it -- no hard feelings please.

static/src/js/sale_order_line_tooltip.js

odoo.define('dynamic_tooltip', function(require) {

var core = require('web.core'), // get tree view widgets
Model = require('web.DataModel'); // make asynchronous calls to the DB

/* Make a special widget to include dynamic tooltips for the product name char field,
see addons/web/static/src/js/views/list_view.js for reference.
*/
var DynamicTooltip = core.list_widget_registry.get('field').extend({
_format: function (row_data, options) {
var value = row_data[this.id].value;
var product_tmpl_id = row_data[this.id].value[0],
product_name = row_data[this.id].value[1];

// Create a Query() object to make a request to the DB
var productTemplate = new Model('product.template')
productTemplate.query(['description_sale'])
.filter([['id', '=', product_tmpl_id]])
.first()
.then(function(res) {
if (res) {
// Attach the tooltip asynchronously after the corresponding element is rendered
$('#' + product_tmpl_id).prop('title', res.description_sale);
};
})
// Return a <p> tag with id of the product_temlate record
return '<p id="' + product_tmpl_id + '">' + product_name + '</p>';
}
});

// Make the created widget accessible by other models
core.list_widget_registry.add('field.dynamic_tooltip', DynamicTooltip);
})

It goes without saying that there are lots of ways to play with CSS and with Bootstrap Tooltips in particular, this is aimed at demonstrating the simplest principle possible.

The JS above is in fact pretty plain and simple so it should not be difficult to translate it into human language. More on Odoo JS calls to DB you can read here: https://www.odoo.com/documentation/10.0/reference/javascript.html#high-level-api-calling-into-odoo-models. More on Odoo widgets in general you can learn by examining the source code under addons/web/static/src/js/views, it is quite straightforward and easy to grasp.


So far we have created a widget that attaches tooltips with product descriptions to the elements containing product names but we only want this functionality in sale order lines tree and not anywhere else. For that purpose we tell Odoo where exactly to use the created widget i.e. in the corresponding sale order view only:

view.xml

<?xml version="1.0" encoding="utf-8"?>
<openerp>
<data>
<record id="sale_order_customer_note" model="ir.ui.view">
<field name="name">sale.order.line.dynamic.tooltip</field>
<field name="model">sale.order</field>
<field name="inherit_id" ref="sale.view_order_form"/>
<field name="arch" type="xml">
<xpath expr="//tree/field[@name='product_id']" position="attributes">
<attribute name="widget">dynamic_tooltip</attribute>
</xpath>
</field>
</record>
</data>
</openerp>


Under Odoo general module layout we also need a __manifest__.py file that should look something like this:

{
'name': 'Sale Order Dynamic Tooltip',
'author': 'thompsonn',
'application': True,
'data': ['view.xml',
'assets.xml',
],
'depends': ['base', 'sale']
}


All-a-taut-o, now you can install the module and try it yourself.

Hope this would be of any help to those interested. Thanks.


2
Awatar
Odrzuć
Podoba Ci się ta dyskusja? Dołącz do niej!

Stwórz konto dzisiaj, aby cieszyć się ekskluzywnymi funkcjami i wchodzić w interakcje z naszą wspaniałą społecznością!

Zarejestruj się
Powiązane posty Odpowiedzi Widoki Czynność
Dissapearing developer tooltip
tooltip
Awatar
0
kwi 22
65
Change Tooltip Help Text Rozwiązane
tooltip
Awatar
Awatar
1
sie 15
7379
How to disable the tooltip (indicating drops) of odoo 10 ? Rozwiązane
tooltip odoo10
Awatar
Awatar
1
maj 24
21002
Tooltips not showing when defined in xml and developer mode off Rozwiązane
tooltip odoo16features
Awatar
Awatar
1
lip 23
2983
Tooltip for Kanban View? Rozwiązane
kanban tooltip
Awatar
Awatar
1
gru 20
6492
Społeczność
  • Samouczki
  • Dokumentacja
  • Forum
Open Source
  • Pobierz
  • Github
  • Runbot
  • Tłumaczenia
Usługi
  • Hosting Odoo.sh
  • Wsparcie
  • Aktualizacja
  • Indywidualne rozwiązania
  • Edukacja
  • Znajdź księgowego
  • Znajdź partnera
  • Zostań partnerem
O nas
  • Nasza firma
  • Zasoby marki
  • Skontaktuj się z nami
  • Oferty pracy
  • Wydarzenia
  • Podcast
  • Blog
  • Klienci
  • Informacje prawne • Prywatność
  • Bezpieczeństwo Odoo
الْعَرَبيّة 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 to pakiet aplikacji biznesowych typu open source, które zaspokoją wszystkie potrzeby Twojej firmy: CRM, eCommerce, księgowość, inwentaryzacja, punkt sprzedaży, zarządzanie projektami itp.

Unikalną wartością Odoo jest to, że jest jednocześnie bardzo łatwe w użyciu i w pełni zintegrowane.

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