Odoo14 OWL 如何訪問model方法和res_id

首先OWL是Odoo14版本新加的功能。

因為是新加的所以並沒有太多的說明文檔，包括英文板文檔也沒有；所以你要用它再沒有更詳細的文檔之前你得自己去看源碼。

注意owl是沒有do_action函數給你跳轉至其他視圖的。你如果要你的控件可以跳轉視圖的話就得用“web.AbstractField”去實現了。

owl如何訪問記錄res_id（或者其他記錄信息）:

this.record.res_id

 

owl例子：

odoo.define('my_company_users_widget', function (require) {
    "use strict";

    const { Component } = owl;
    const AbstractField = require('web.AbstractFieldOwl');
    const fieldRegistry = require('web.field_registry_owl');

    //這里生成子控件
    class UserCardInfo extends Component {
        static template = 'UserCardInfo';
        CardClicked() {
            this.trigger('card-clicked', {user_id: this.props.user_id});
        }
    }

    class FieldCompanyUser extends AbstractField {
        static supportedFieldTypes = ['many2many'];
        static template = 'OWLFieldCompanyUsers';
        static components = { UserCardInfo };//子控件聲明，這樣你就可以在界面上使用了
        constructor(...args) {
            super(...args);
            this.data_users = [];
        }
        async willStart() {
            self = this
            //
            //
            await this.rpc({
                model: 'res.groups', 
                method: 'get_company_users',
                args: [[self.record.res_id],self.record.res_id]
            }).then(function (result){
                self.data_users = result
            });
        }
        UserCardClicked(ev) {
            console.log(ev.detail.user_id);
            self = this;
            this.rpc({//不知道怎么用rpc 40                 model: 'res.users', 
                method: 'get_userform_action',
                args: [[ev.detail.user_id]]
            }).then(function (result){
                self.action = result;
            });
            console.log(self.action);
            
            //owl是沒有do_action函數給你跳轉至其他視圖的
            // this.do_action({    
            //     name: 'User Info',
            //     type: 'ir.actions.act_window',
            //     res_model: 'res.users',
            //     view_mode: 'form',
            //     view_type: 'form',
            //     views:[false, 'form'],
            //     target: 'current',
            //     res_id: ev.detail.user_id,
            //     flags: {'form': {'action_buttons': true, 'options': {'mode': 'edit'}}},
            //     context: {}
            // });
        }
    }

    fieldRegistry.add('company_users', FieldCompanyUser);

    return {
        FieldCompanyUser: FieldCompanyUser,
    };
});

以下是template代碼

<?xml version="1.0" encoding="UTF-8"?>
<templates>
    <t t-name="UserCardInfo" owl="1">
        <div class="card mt16" >
            <div class="card-body" t-on-click="CardClicked" >
                <h5 class="card-title mt8">
                    <t t-esc="props.user_name"/>
                </h5>
            </div>
        </div>
    </t>

    <div t-name="OWLFieldCompanyUsers" owl="1" t-on-card-clicked="UserCardClicked">
        <div class="row ml16 mr16" >
            <t t-foreach="data_users" t-as="itemUser">
                <UserCardInfo user_name="itemUser['name']" user_id="itemUser['id']" active='false'/>
            </t>
        </div>
    </div>

</templates>