odoo创建自定义widget

在Odoo中自定义widget涉及到前端和后端的开发。你需要使用JavaScript来创建新的widget，然后在XML视图中引用它。以下是创建自定义widget的基本步骤：

1.创建JavaScript文件：在你的自定义模块中创建一个新的JavaScript文件，定义你的widget。你需要扩展现有的widget类（例如，FieldChar，FieldFloat，等等），并注册你的新widget。

odoo.define('module_name.WidgetName', function (require) {
    "use strict";

    var field_registry = require('web.field_registry');
    var FieldChar = require('web.basic_fields').FieldChar;

    var WidgetName = FieldChar.extend({
        // 在这里添加你的自定义代码
        // ...
        _render: function () {
            this._super();
            // 自定义渲染逻辑
        },
        // ...
    });

    field_registry.add('widget_name', WidgetName);

    return WidgetName;
});

2.添加XML视图：在你的模块的XML文件中，引用你的JavaScript文件，并使用自定义的widget。

<odoo>
    <data>
        <!-- 引用JavaScript文件 -->
        <template id="assets_backend" name="module_name assets" inherit_id="web.assets_backend">
            <xpath expr="." position="inside">
                <script type="text/javascript" src="/module_name/static/src/js/widget_name.js"></script>
            </xpath>
        </template>

        <!-- 使用自定义widget -->
        <record id="view_form_custom_widget" model="ir.ui.view">
            <field name="name">view.form.custom.widget</field>
            <field name="model">model.name</field>
            <field name="arch" type="xml">
                <form>
                    <sheet>
                        <group>
                            <field name="field_name" widget="widget_name"/>
                        </group>
                    </sheet>
                </form>
            </field>
        </record>
    </data>
</odoo>

3.后端模型字段：确保你的模型中有相应的字段来使用这个widget。

from odoo import models, fields

class YourModel(models.Model):
    _name = 'your.model'
    _description = 'Your Model Description'

    field_name = fields.Char(string="Field Label")

4.重启Odoo并更新模块：在你的开发环境中，重启Odoo服务器，并更新你的模块以加载新的JavaScript文件和XML视图更改。

5.调试：在浏览器中打开Odoo，并导航到使用自定义widget的视图。检查是否有任何错误，并调试JavaScript以确保widget按预期工作。