如何使用js隐藏/不可见odoo帮助台中的按钮

Question

在 Odoo 版本 15 中，我创建了一个基于按钮 Accept 和 Deny 的 Js cod，并在 res users model 中创建了一个布尔字段。工作流程是：如果用户单击 Accept 按钮，布尔字段将变为 True，单击 Denay 按钮，布尔字段将更改为 False 状态。该功能运行良好。目前，我面临的问题是两个按钮都在页面刷新时显示。 基于用户可用性（基于布尔字段）显示一个按钮：

如何解决这个问题...实际上我只想在 XML 端

<templates>
     <t t-extend="ListView.buttons" t-name="AttendenceMarkListView.buttons">
        <t t-jquery="button.o_list_button_add" t-operation="after">
<!--            <t t-if="widget.isAvailable()">-->


            <button t-if="widget.modelName == 'helpdesk.ticket'" type="button" class="btn btn-secondary btn-secondary-new o_button_accept_ticket">
                Accept
            </button>
            <button t-if="widget.modelName == 'helpdesk.ticket'" type="button" class="btn btn-secondary btn-secondary-new o_button_deny_ticket">
                Deny
            </button>
<!--                  </t>-->
        </t>
    </t>
</templates>

和 JS 端

odoo.define('attendance.button.tree', function (require) {
"use strict";
    var core = require('web.core');
    var ListController = require('web.ListController');
    var ListView = require('web.ListView');
    var viewRegistry = require('web.view_registry');
    var rpc = require('web.rpc')

    var includeDict = {
        buttons_template: 'AttendenceMarkListView.buttons',
        renderButtons: function ($node) {
            this._super.apply(this, arguments);
            var self = this;
            this.$buttons.on('click', '.o_button_accept_ticket', this._onAcceptAttendance.bind(this));
            this.$buttons.on('click', '.o_button_deny_ticket', this._onDeclineAttendance.bind(this));
        },
        _onAcceptAttendance: function(){
            var self = this;
            this.$('.o_button_accept_ticket').hide();
            this.$('.o_button_deny_ticket').show();
            rpc.query({
            model: 'helpdesk.ticket',
            method: 'user_accept_ticket',
            args: [],
        }, {
            shadow: true,
        }).then(function () {

        });
        },
         _onDeclineAttendance: function(){
            var self = this;
            this.$('.o_button_deny_ticket').hide();
            this.$('.o_button_accept_ticket').show();
            rpc.query({
            model: 'helpdesk.ticket',
            method: 'user_decline_ticket',
            args: [],
        }, {
            shadow: true,
        }).then(function () {

        });
        },
    };

    ListController.include(includeDict);

});

Answer 1

模板：

<templates>
    <t t-extend="ListView.buttons" t-name="AttendenceMarkListView.buttons">
        <t t-jquery="button.o_list_button_add" t-operation="after">
                 <button id="button_accept" t-if="widget.modelName == 'helpdesk.ticket'" type="button" class="btn btn-secondary btn-secondary-new o_button_accept_ticket">
                    Accept
                </button>
                <button id="button_reject" t-if="widget.modelName == 'helpdesk.ticket'" type="button" class="btn btn-secondary btn-secondary-new o_button_deny_ticket">
                    Deny
                </button>

        </t>
    </t>
</templates>

**Js Side:**
odoo.define('attendance.button.tree', function (require) {
"use strict";
    var core = require('web.core');
    var ListController = require('web.ListController');
    var ListView = require('web.ListView');
    var viewRegistry = require('web.view_registry');
    var rpc = require('web.rpc')

    var includeDict = {
        buttons_template: 'AttendenceMarkListView.buttons',
        renderButtons: function ($node) {
            this._super.apply(this, arguments);
            var self = this;
            this.$buttons.on('click', '.o_button_accept_ticket', this._onAcceptAttendance.bind(this));
            this.$buttons.on('click', '.o_button_deny_ticket', this._onDeclineAttendance.bind(this));

        },
        _onAcceptAttendance: function(){
            var self = this;
            this.$('.o_button_accept_ticket').hide();
            this.$('.o_button_deny_ticket').show();
            return self._rpc({
            model: 'helpdesk.ticket',
            method: 'user_accept_ticket',
            args: [],
            }).then(function (data) {

            });
        },

         _onDeclineAttendance: function(){
            var self = this;
            this.$('.o_button_deny_ticket').hide();
            this.$('.o_button_accept_ticket').show();
            return self._rpc({
                model: 'helpdesk.ticket',
                method: 'user_decline_ticket',
                args: [],
            }).then(function (data) {
                      

                });
        },



    };

    ListController.include(includeDict);

});