odoo17 tree视图添加按钮

需求描述

点击下图中tree视图上的同步退货单按钮，弹出相应的form视图进行退货单同步，然后点击同步按钮调用后端python代码处理。

实现步骤

主要文件目录结构

js文件的创建

/** @odoo-module **/
import { registry } from "@web/core/registry";
import { listView } from "@web/views/list/list_view";
import { ListController } from "@web/views/list/list_controller";
import { useService } from "@web/core/utils/hooks";
export class OwlDemoTest extends ListController {setup() {super.setup();this.orm = useService("orm");}message_button() {this.orm.call('temporary.receipt', 'update_message', []).then(function(result) {self.model.root.notifyChanges();}).catch(function(error) {console.error("Error calling update_message:", error);});
}registry.category("views").add("owl_demo_test", {...listView,Controller: OwlDemoTest,buttonTemplate: "OwlDemoButtons",
});
}

define方法的第一个参数为名称，自行定义，require方法表示所用到的依赖，然后对按钮的点击事件绑定相应的方法，这个方法返回一个动作视图（就是所定义的瞬态模型的向导）

创建按钮模板

也就是定义在/static/xml 文件夹下面的xml文件，用来定义所加的按钮

<?xml version="1.0" encoding="utf-8"?>
<templates id="template" xml:space="preserve"><t t-name="OwlDemoButtons" t-inherit="web.ListView.Buttons" t-inherit-mode="primary" owl="1"><xpath expr="(//div/*)[last()]" position="after"><button class="btn btn-primary" type="button" t-on-click="message_button">测试按钮</button></xpath>
</t></templates>

xml、js文件引入到__manifest__.py

    "assets": {"web.assets_backend":["erp_app/static/src/js/test.js","erp_app/static/src/xml/test.xml",]}

对应模型添加方法

    @api.modeldef update_message(self):print('执行的代码')

tree视图添加 js_class

<tree js_class="owl_demo_test">...
</tree>