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

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

---

前言

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

---

一、文件存放位置

二、文件详情及解释

1.add_button.xml（static/src/xml/add_button.xml）

（1）代码展示

<?xml version="1.0" encoding="UTF-8"?>
<templates id="template_02" xml:space="preserve">
    <t t-extend="ListView.buttons">
      <t t-jquery="button.o_list_export_xlsx" t-operation="before">
          <button t-if="widget.modelName == 'test.page'" class="btn btn-primary create_by_add_button" type="button">分配老师</button>
     </t>
    </t>
</templates>

（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）代码展示

<?xml version="1.0" encoding="UTF-8"?>
<odoo>
    <template id="assets_backend_bicon_wms_base_1" inherit_id="web.assets_backend" name="bicon_wms_base_assets_1">
        <xpath expr="script[last()]" position="after">
            <script type="text/javascript" src="/lingqing_share/static/src/js/add_button.js"/>
        </xpath>
    </template>
</odoo>

（2）代码图解

① 前面编写的js文件的路径。

三、文件导入

在__manifest__.py文件下将文件导入到如图所示位置。

① 在qweb导入static下的add_button.xml文件，可以直接显示出所加按钮。
② 在data导入views下的的add_button.xml文件，用来引入按钮所执行的js动作。

四、效果展示

---

总结

日常分享，代码清晰，逻辑明了，通俗易懂，如有不懂，评论留言。