odoo-8
Aangepaste widgets voor velden

Opmerkingen

'depends': ['web',....]

Aangepaste widget voor numerieke velden om te gebruiken in TreeView

De onderstaande voorbeeldwidget laat zien hoe afzonderlijke cellen van een TreeView-kolom voorwaardelijk kunnen worden opgemaakt, afhankelijk van de waarde van het veld in de specifieke cel. Als de waarde van het veld negatief is, wordt deze in rode kleur weergegeven en wordt het minteken verborgen, anders wordt deze in normale kleur weergegeven.

Een widget moet in JavaScript worden geschreven, laten we custom_widget_name als een naam voor een nieuwe widget, en your_module_name is een technische naam van uw module (hetzelfde als de naam van de hoofdmap van uw module)

Uunder static / src / js / map in uw module voeg javascript-bestand toe (zeg static / src / js / custom_widget .js) met een aangepaste widget erin:

 openerp.your_module_name = function (instance) {

    instance.web.list.columns.add('field.custom_widget_name', 'instance.your_module_name.custom_widget_name');

    instance.your_module_name.custom_widget_name = instance.web.list.Column.extend({
        _format: function (row_data, options) {
            res = this._super.apply(this, arguments);
            var amount = parseFloat(res);
            if (amount < 0){
                return "<font color='#ff0000'>"+(-amount)+"</font>";
            }
            return res
        }
    });
    //
    //here you can add more widgets if you need, as above...
    //
};

de bovenstaande voorbeeldwidget kan worden gebruikt in een lijstweergave voor veld van type float en past aangepaste regels als volgt toe:

• Negatieve getallen:
  • Worden rood weergegeven.
  • Min symbool (een '-' karakter) is "verborgen".
• Voor positieve getallen wordt de standaardlay-out gebruikt.

Deze voorbeeldwidget kan worden toegepast op een veld in een boomstructuur van Odoo. U kunt deze widget gebruiken voor een kolom waarvoor u de aangepaste regels moet toepassen om:

. . .
<tree >
    . . .
    <field name="some_field" widget="my_widget" />
    . . .
</tree>
. . .