Odoo 自定义form表单按钮点击事件处理程序

胖子喷球

实践环境

Odoo 14.0-20221212 (Community Edition)
代码实现

方案1

通过研究发现，点击odoo form表单按钮时，会调用odoo14\odoo\addons\web\static\src\js\views\form\form_controller.js文件中的_onButtonClicked函数，在该函数中响应点击事件。所以，我们可以通过重写该方法来实现自定义响应点击事件。示例如下
表单视图定义
codePojects\odoo14\custom\estate\wizards\demo_wizard_views.xml

1. <?xml version="1.0" encoding="UTF-8"?>
2. <odoo>
3.     <data>
4.         <record id="demo_wizard_view_form" model="ir.ui.view">
5.             <field name="name">demo.wizard.form</field>
6.             <field name="model">demo.wizard</field>
7.             <field name="arch" type="xml">
8.                 <form>
9.                     //...代码略
10.                     <footer>
11.                         <button name="action_confirm" special="other" type="object" string="确认" />
12.                         <button string="关闭"  special="cancel"/>
13.                     </footer>
14.                 </form>
15.             </field>
16.         </record>
17.         //...代码略        
18.     </data>
19. </odoo>

复制代码

重定义web.FormController以实现重写_onButtonClicked
codePojects\odoo14/estate/static/src/js/views/form_controller.js

1. odoo.define('customModule.FormController', function (require) {
2.     "use strict";
4.         var formController = require('web.FormController');
5.         var CustomFormController = formController.extend({
6.         //--------------------------------------------------------------------------
7.         // Handlers
8.         //--------------------------------------------------------------------------
10.         /**
11.          * @private
12.          * @param {OdooEvent} ev
13.          */
14.         _onButtonClicked: function (ev) {
15.             // stop the event's propagation as a form controller might have other
16.             // form controllers in its descendants (e.g. in a FormViewDialog)
17.             ev.stopPropagation();
18.             var self = this;
19.             var def;
21.             this._disableButtons();
23.             function saveAndExecuteAction () {
24.                 return self.saveRecord(self.handle, {
25.                     stayInEdit: true,
26.                 }).then(function () {
27.                     // we need to reget the record to make sure we have changes made
28.                     // by the basic model, such as the new res_id, if the record is
29.                     // new.
30.                     var record = self.model.get(ev.data.record.id);
31.                     return self._callButtonAction(attrs, record);
32.                 });
33.             }
34.             var attrs = ev.data.attrs;
35.             if (attrs.confirm) {
36.                 def = new Promise(function (resolve, reject) {
37.                     Dialog.confirm(self, attrs.confirm, {
38.                         confirm_callback: saveAndExecuteAction,
39.                     }).on("closed", null, resolve);
40.                 });
41.             } else if (attrs.special === 'cancel') {
42.                 def = this._callButtonAction(attrs, ev.data.record);
43.             } else if (attrs.special == 'other') { // 新增自定义事件处理
44.                 self._enableButtons(); // 启用按钮(点击后会自动禁用按钮)
45.                 self.trigger_up('close_dialog'); // 关闭对话框
46.                 return;
47.             } else if (!attrs.special || attrs.special === 'save') {
48.                 // save the record but don't switch to readonly mode
49.                 def = saveAndExecuteAction();
50.             } else {
51.                 console.warn('Unhandled button event', ev);
52.                 return;
53.             }
55.             // Kind of hack for FormViewDialog: button on footer should trigger the dialog closing
56.             // if the `close` attribute is set
57.             def.then(function () {
58.                 self._enableButtons();
59.                 if (attrs.close) {
60.                     self.trigger_up('close_dialog');
61.                 }
62.             }).guardedCatch(this._enableButtons.bind(this));
63.         },
64.         });
66. odoo.__DEBUG__['services']['web.FormController'] = CustomFormController;
67. });

复制代码

codePojects\odoo14\custom\estate\views\webclient_templates.xml

1. <?xml version="1.0" encoding="utf-8"?>
2. <odoo>
3.     <template id="assets_common" inherit_id="web.assets_common" name="Backend Assets (used in backend interface)">
4.          <xpath expr="//script[last()]" position="after">
5.             
6.          </xpath>
7.     </template>
8. </odoo>

复制代码

codePojects\odoo14\custom\estate\__manifest__.py

1. #!/usr/bin/env python
2. # -*- coding:utf-8 -*-
3. {
4.     'name': 'estate',
5.     'depends': ['base'],
6.     'data':[
7.         # ...略
8.         'views/webclient_templates.xml',
9.         'wizards/demo_wizard_views.xml',
10.         # ...略
11.     ]
12. }

复制代码

方案2

研究发现，在不为按钮设置type属性的情况下，可以为按钮添加onclick属性，指定点击按钮时需要调用的javascript函数，不过，此时点击按钮，不会再调用web.FormController中定义的_onButtonClicked函数。示例如下：

1. <?xml version="1.0" encoding="UTF-8"?>
2. <odoo>
3.     <data>
4.         <record id="demo_wizard_view_form" model="ir.ui.view">
5.             <field name="name">demo.wizard.form</field>
6.             <field name="model">demo.wizard</field>
7.             <field name="arch" type="xml">
8.                 <form>
9.                     //...代码略
10.                     <footer>
11.                         <button name="action_confirm" special="other" type="object" string="确认" />
12.                         <button string="关闭"  special="cancel"/>
13.                     </footer>
14.                 </form>
15.             </field>
16.         </record>
17.         //...代码略        
18.     </data>
19. </odoo>

复制代码

codePojects\odoo14/estate/static/src/js/demo_wizard_views.js

1. function do_confirm_action(modelName, modelMethod){
2.     // do something
3.     //...
4.     $("button[name='action_confirm']").attr("disabled", true);
5. }

复制代码

codePojects\odoo14\custom\estate\views\webclient_templates.xml

1. <?xml version="1.0" encoding="utf-8"?>
2. <odoo>
3.     <template id="assets_common" inherit_id="web.assets_common" name="Backend Assets (used in backend interface)">
4.          <xpath expr="//script[last()]" position="after">
5.             
6.          </xpath>
7.     </template>
8. </odoo>

复制代码

来源:https://www.cnblogs.com/shouke/p/17094248.html
免责声明：由于采集信息均来自互联网，如果侵犯了您的权益，请联系我们【E-Mail:cb@itdo.tech】 我们会及时删除侵权内容，谢谢合作！