odoo---Tree视图创建自定义按钮之创建并调用py方法

odoo—Tree视图创建自定义按钮之创建并调用py方法

文章目录

• odoo---Tree视图创建自定义按钮之创建并调用py方法
• 前言
• 一、文件存放位置
• 二、文件详情及解释
• • 1.add_button.xml（static/src/xml/add_button.xml）
  • • （1）代码展示
    • （2）代码图解
  • 2.add_button.js（static/src/js/add_button.js）
  • • （1）代码展示
    • （2）代码图解
  • 3.add_button.xml（views/add_button.xml）
  • • （1）代码展示
    • （2）代码图解
• 三、文件导入
• 四、效果展示
• 总结

---

前言

日常分享，代码清晰，逻辑明了，通俗易懂。

---

一、文件存放位置

二、文件详情及解释 1.add_button.xml（static/src/xml/add_button.xml） （1）代码展示

    
      
          分配老师
     
    

（2）代码图解

① t-if=“widget.modelName == ‘test.page’” 设置哪个模块显示该按钮，实例模块名称[test.page]，不加默认所有模块页面都显示。
② 新加按钮的标识名称。
③ 按钮的位置，基于④的位置，before之前，after之后。
④ o_list_export_xlsx导入按钮的class标识，o_list_button_add创建按钮的class标识（可以网页右击检查网页源代码获得），控制③新加按钮位置。

2.add_button.js（static/src/js/add_button.js） （1）代码展示

odoo.define('lingqing_share.distribution_button', function (require) {
    "use strict";
    var ListController = require('web.ListController');
    ListController.include({
        renderButtons: function () {
            this._super.apply(this, arguments);
            if (this.$buttons) {
                var btn = this.$buttons.find('.create_by_add_button');
                btn.on('click', this.proxy('create_data_by_button'));
            }
        },

        create_data_by_button: function () {
            var self = this;
            var records = this.getSelectedIds();
            self._rpc({
                model: 'test.page',
                method: 'distribution_function',
                args: [records],
            }).then(function () {
                self.update({}, { reload: true });
            });
        },
        
    });
});

（2）代码图解

① lingqing_share.distribution_button，lingqing_share为应用名称，distribution_button按钮的名称，按需起名。
② 在前面xml文件按钮的class字段中的按钮标识。
③ 点击按钮所执行的函数名，下面编写所要运行的函数。
④ 执行哪个模块下的方法函数，实例[test.page]模块下。
⑤ 指定④模块下的哪个函数方法，实例distribution_function函数方法。
⑥ py文件中函数执行完毕执行下面语句，此处是刷新当前数据。

3.add_button.xml（views/add_button.xml） （1）代码展示