Odoo表单视图的客户端交互：使用js_class扩展控制器

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

    // 引入必要的Odoo前端组件
    var FormController = require('web.FormController');
    var FormView = require('web.FormView');
    var viewRegistry = require('web.view_registry'); // 用于注册自定义视图

    // 扩展FormController，添加自定义事件和处理方法
    var CustomController = FormController.extend({
        // 扩展或重写events映射
        // _.extend({}, FormController.prototype.events, { ... }) 
        // 确保保留了Odoo默认的事件绑定，同时添加我们自己的事件
        events: _.extend({}, FormController.prototype.events, {
            'keyup input': '_onInputKeyup', // 绑定keyup事件到所有input元素
            // 示例：可以添加更多自定义事件，如：
            // 'click .o_form_button_save': '_onSaveButtonClick', 
            // 'change select[name="my_field"]': '_onMyFieldChange',
        }),

        /**
         * 自定义事件处理方法
         * 当任何input元素触发keyup事件时调用
         * @param {Event} ev - 浏览器事件对象
         */
        _onInputKeyup: function (ev) {
            console.log('Input keyup event detected!', ev.target.name, ev.target.value);
            // 在这里可以添加你的自定义逻辑，例如：
            // - 获取当前字段的值：this.$('input[name="field_name"]').val()
            // - 执行客户端验证
            // - 根据输入动态修改其他UI元素
            // - 调用Odoo RPC方法与后端交互：this._rpc({...})
        },

        // 示例：可以添加更多自定义方法
        // _onSaveButtonClick: function () {
        //     console.log("Save button clicked!");
        //     // ...
        // },
    });

    // 扩展FormView，将自定义控制器关联到视图配置中
    var CustomFormView = FormView.extend({
        config: _.extend({}, FormView.prototype.config, {
            Controller: CustomController, // 将我们自定义的控制器设置为该视图的控制器
        }),
    });

    // 将自定义视图注册到Odoo的视图注册表中
    // 'custom_form' 是一个唯一的标识符，将在XML视图中通过js_class属性引用
    viewRegistry.add('custom_form', CustomFormView);

    // 返回自定义组件，如果其他模块需要引用它们
    return {
        CustomController: CustomController,
        CustomFormView: CustomFormView,
    };
});

{
    'name': 'My Custom Module',
    'version': '1.0',
    'summary': 'Module for custom Odoo form interactions',
    'depends': ['web'], # 确保依赖了'web'模块，因为它提供了FormController等基础组件
    'assets': {
        'web.assets_backend': [
            'MODULE_NAME/static/src/js/custom_form_view.js', # 指定你的JS文件路径
        ],
    },
    'installable': True,
    'application': True,
    'auto_install': False,
}