Odoo问题：树形视图头部自定义JS按钮无法加载表单视图

我之前帮人排查过好几个类似的案例——你用JS替换原生树形视图的添加按钮后，调用表单视图的方法失效，但XML定义的按钮却能正常运行，这种情况几乎都是因为动态创建的按钮没有适配Odoo框架（结合你提到的树形/表单视图场景，默认是Odoo环境）的视图上下文绑定或者事件监听机制。下面是具体的排查点和解决办法：

1. 确保调用方法时传入正确的视图上下文 #

原生XML按钮在视图初始化时就被框架自动关联了当前的视图上下文（比如当前模型、用户权限、父视图参数等），但你动态创建的按钮不会自动继承这些信息。如果调用打开表单的方法时缺少上下文，框架就不知道要打开哪个模型的视图，或者没有权限操作。

举个正确的调用示例（假设你在树形视图的控制器里操作）：

// 获取当前视图的完整上下文
const currentContext = this.getContext();

// 调用do_action打开表单视图，传入必要参数
this.do_action({
    type: 'ir.actions.act_window',
    res_model: 'your.target.model', // 替换成你的目标模型名称
    view_mode: 'form',
    view_type: 'form',
    target: 'current', // 按需选择'current'或'new'
    context: Object.assign({}, currentContext, {
        // 可添加默认值，比如关联父记录ID
        default_parent_id: this.getSelectedIds()[0]
    })
});

2. 正确挂载事件监听 #

动态创建的按钮如果直接用原生addEventListener绑定点击事件，可能会被Odoo的视图生命周期机制忽略，或者在视图重新渲染时丢失事件绑定。

建议用Odoo框架的方式处理事件：

• 如果是在自定义视图控制器里创建按钮，把事件绑定写在控制器的events属性里：

events: {
    'click .my-dynamic-button': '_onDynamicButtonClick'
},

_onDynamicButtonClick: function() {
    // 这里写调用表单视图的逻辑
    this.do_action(...);
}

• 如果你是直接操作DOM添加按钮，添加后要触发视图更新，比如调用this.render()（确保在控制器上下文里执行）。

3. 检查权限与参数匹配 #

有时候XML按钮会自带权限组或者默认参数，动态按钮如果没有继承这些设置，也会导致调用失败：

• 检查XML按钮的groups属性，确保当前用户有对应的权限，或者在JS里手动验证：

if (this.user_has_group('your_module.your_group')) {
    // 执行打开表单的逻辑
}

• 对比XML按钮的context参数，确保JS调用时传入了相同的默认值，比如XML里的context="{'default_status': 'draft'}"，JS里也要在context里加上这个键值对。

快速调试技巧 #

• 在调用方法的位置添加console.log，打印this.getContext()、调用的do_action参数，看看有没有缺失的模型信息或者上下文参数。
• 打开浏览器开发者工具的控制台，查看有没有403权限错误、模型不存在的报错，这些能直接定位问题。

内容的提问来源于stack exchange，提问作者Marek Jan-Alexander