Odoo表单视图高级定制：通过扩展控制器实现客户端事件绑定

odoo.define("MODULE_NAME.custom_form", function (require) {
    "use strict";

    // 引入Odoo核心的FormController、FormView和viewRegistry
    var FormController = require('web.FormController');
    var FormView = require('web.FormView');
    var viewRegistry = require('web.view_registry');
    var _ = require('underscore'); // 引入Underscore.js工具库

    /**
     * 扩展FormController以添加自定义事件处理
     * FormController负责处理视图中的用户交互和数据流
     */
    var CustomController = FormController.extend({
        // 使用_.extend合并父类的events映射和自定义事件
        // 这样可以保留Odoo默认的事件处理，同时添加我们自己的事件
        events: _.extend({}, FormController.prototype.events, {
            'keyup input': '_onInputKeyup', // 绑定所有input元素的keyup事件
        }),

        /**
         * 自定义的keyup事件处理函数
         * @param {Event} ev - DOM事件对象
         */
        _onInputKeyup: function (ev) {
            console.log('用户在input中按键了！');
            // 在这里可以编写您的jQuery或其他JavaScript逻辑
            // 例如：$(ev.currentTarget).val() 获取当前input的值
            // 或根据ev.currentTarget的id/class进行更精确的操作
        },
    });

    /**
     * 扩展FormView以使用我们自定义的Controller
     * FormView负责配置和渲染视图
     */
    var CustomFormView = FormView.extend({
        config: _.extend({}, FormView.prototype.config, {
            Controller: CustomController, // 将自定义的控制器应用到视图配置中
        }),
    });

    // 将自定义视图注册到viewRegistry中，使其可以通过js_class属性引用
    viewRegistry.add('custom_form', CustomFormView);

    // 返回模块对象，包含自定义的Controller和View，以便其他模块引用
    return {
        CustomController: CustomController,
        CustomFormView: CustomFormView,
    };
});

# __manifest__.py
{
    'name': 'My Custom Module',
    'version': '1.0',
    'category': 'Tools',
    'summary': 'Module for custom Odoo form behaviors',
    'depends': ['web'], # 确保依赖web模块
    'data': [
        # ... 其他XML视图文件
    ],
    'assets': {
        'web.assets_backend': [
            'MODULE_NAME/static/src/js/custom_form_view.js',
        ],
    },
    'installable': True,
    'application': False,
    'auto_install': False,
}

<record id="view_my_model_form" model="ir.ui.view">
    <field name="name">my.model.form</field>
    <field name="model">my.model</field>
    <field name="arch" type="xml">
        <!-- 在form标签上添加js_class属性，值为我们在viewRegistry中注册的别名 -->
        <form string="My Model Form" js_class="custom_form">
            <sheet>
                <group>
                    <field name="name"/>
                    <field name="description"/>
                </group>
            </sheet>
        </form>
    </field>
</record>