odoo的tree视图导入后面增加一个按钮

￡神魔★判官ぃ 2022-11-17 13:40 522阅读 0赞

### 在tree视图“导入”按钮后面增加一个按钮 ###

[点我下载完整odoo的demo][odoo_demo]

### js文件 ###

在模块下面增加一个js文件，test\_button.js

![\[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-rsY4A0le-1617956420876)(imgs\\65-js目录.png)\]][img-rsY4A0le-1617956420876_imgs_65-js_.png]

内容如下：

odoo.define('my_first_app.course.tree.button', function (require) { 
        "use strict";
    	var ajax = require('web.ajax');
        let ListController = require('web.ListController');
    
        ListController.include({ 
            renderButtons: function ($node) { 
                let $buttons = this._super.apply(this, arguments);
                let tree_model = this.modelName;
                let context = this.initialState.context.test_button;
                // 只在myproject.course模型的tree视图中出现
                if (context && tree_model === 'myproject.course') { 
                    let but2 = "<button type=\"button\" t-if=\"widget.modelName == 'myproject.course'\" class=\"btn btn-primary\">测试按钮</button>";
                    let button2 = $(but2).click(this.proxy('course_test_button_form'));
                    // this.$buttons.prepend(button2); //放在前面
                    this.$buttons.append(button2);   // 放在后面
                }
                return $buttons;
            },
            // 按钮功能：弹出课程的form视图
            course_test_button_form: function () { 
                let action = { 
                    name: '课程',
                    type: 'ir.actions.act_window',
                    res_model: 'myproject.course',
                    view_mode: 'form',
                    view_type: 'form',
                    views: [[false, 'form']],
    
                };
                let self = this;
                this.do_action(action, { 
                    on_close: function () { 
                        self.trigger_up('reload');
                    }
                });
            },
            // 按钮功能，调用一个myproject.course模块中的js_test函数
            course_test_button_fuc: function () { 
                ajax.jsonRpc('/web/dataset/call_kw', 'call', { 
                    model: 'myproject.course',
                    method: 'js_test',
                    args: [],
                    kwargs: { }
                }).then(function (url) { 
    
                });
            },
        });
    
    });

### 按钮点击事件函数 ###

models/course.py：

# -*- coding: utf-8 -*-
    
    from odoo import models, fields, api
    
    class Course(models.Model):
        """ 课程 """
        _name = 'myproject.course'
    
        name = fields.Char(string='课程名称', reqired=True, placeholder='填写课程名称')
        description = fields.Text(string='Description', placeholder='填写课程描述')
        sex = fields.Boolean(string='性别', default=True)
        state = fields.Selection(
            [('draft', "草稿"), ('open', "开启"), ('full', "满人"), ('cancel', "取消")], string="状态",
            help="课程状态", default="draft"
        )
        responsible_id = fields.Many2one('res.users', ondelete='set null', string="负责人", index=True)
        session_ids = fields.One2many('myproject.session', 'course_id', string="讲座")
    
        def copy(self, default=None):
            default = dict(default or { })
            copied_count = self.search_count(
                [('name', '=like', u"Copy of {}%".format(self.name))])
            if not copied_count:
                new_name = u"Copy of {}".format(self.name)
            else:
                new_name = u"Copy of {} ({})".format(self.name, copied_count)
            default['name'] = new_name
            return super(Course, self).copy(default)
    
        _sql_constraints = [
            ('name_description_check',
             'CHECK(name != description)',
             "The title of the course should not be the description"),
            ('name_unique',
             'UNIQUE(name)',
             "The course title must be unique"),
        ]
    
        @api.model
        def js_test(self):
            # 课程tree视图中测试按钮点击事件
            print('dddddddddd')

### 加载js文件 ###

通过myproject/my\_first\_app/views/templates.xml加载js文件:

<?xml version="1.0" encoding="utf-8"?>
    <odoo>
      <data>
        <template id="course_tree_test_button_template" name="测试按钮" inherit_id="web.assets_backend">
            <xpath expr="." position="inside">
                <script type="text/javascript" src="/my_first_app/static/src/js/test_button.js"></script>
            </xpath>
        </template>
      </data>
    </odoo>

### 显示按钮 ###

myproject/my\_first\_app/views/course\_views.xml中的course\_list\_action修改为：

<record id="course_list_action" model="ir.actions.act_window">
        <field name="name">课程</field>
        <field name="res_model">myproject.course</field>
        <field name="view_mode">tree,form</field>
        <field name="view_id" ref="course_tree_view"/>
        <field name="help" type="html">
            <p class="o_view_nocontent_smiling_face">
                Setup a new automated automation
            </p>
        </field>
        
        <field name="context" eval="{ 'search_default_my_courses': 1, 'test_button': true}"/>
        <field name="groups_id" eval="[(4, ref('base.group_user'))]"/>
    </record>

context中\{‘test\_button’: True\}表示显示按钮.

`myproject/my_first_app/__manifest__.py`加载templates.xml

'data': [
            'security/myproject_security.xml',
            'security/ir.model.access.csv',
            'data/course_data.xml',
            'data/session_data.xml',
            'views/menu_views.xml',
            'views/course_views.xml',
            'views/session_views.xml',
            'views/res_partner_views.xml',
            'wizard/myproject_wizard_view.xml',
            'wizard/actions_menu.xml',
            'report/myproject_report.xml',
            'report/myproject_report_templates.xml',
            'views/session_board.xml',
            'views/templates.xml',
        ],

效果如下：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xtX2lzX2Rj_size_16_color_FFFFFF_t_70_pic_center]

[点我下载完整odoo的demo][odoo_demo]

## 后记 ##

【后记】为了让大家能够轻松学编程，我创建了一个公众号【轻松学编程】，里面有让你快速学会编程的文章，当然也有一些干货提高你的编程水平，也有一些编程项目适合做一些课程设计等课题。

也可加我微信【1257309054】，拉你进群，大家一起交流学习。  
如果文章对您有帮助，请我喝杯咖啡吧！

公众号

![公众号][20200317124808234.jpg]

关注我，我们一起成长~~

[odoo_demo]: https://download.csdn.net/download/lm_is_dc/16818292
[img-rsY4A0le-1617956420876_imgs_65-js_.png]: /images/20221022/ee0bfb50c0d84169b6f1fde46af627c1.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xtX2lzX2Rj_size_16_color_FFFFFF_t_70_pic_center]: /images/20221022/47fe3ec256ce49d7b801250f33bfe0e6.png
[20200317124808234.jpg]: /images/20221022/70408a1e0019448f82d4f649e86a0e5a.png