Odoo 前端开发可用的内置JS功能介绍

### 概述
Odoo 是一个典型的单页应用(SPA)，其包含了丰富的前端交互形式，如果我们用好了他的内置的一些js对象，可以为我们实现一些灵活交互功能提供极大帮助，Odoo前端对象基本都集中在odoo、openerp两个命名空间下，下面列举一些常见的用法

### 遮罩提示
打开遮罩
```
odoo.__DEBUG__.services['web.framework'].blockUI()
```
关闭遮罩
```
odoo.__DEBUG__.services['web.framework'].unblockUI()
```
Odoo的遮罩会自动根据显示的时间显示不同的文案内容

### 视图跳转/切换
```
openerp.client.action_manager.do_action(action,{clear_breadcrumbs: true})
```
其中action是一个用于描述要跳转到的视图的信息字典，例如：
```
var action = {
     name: '详细历史报价',
     type: 'ir.actions.act_window',
     res_model: 'tender.fs.round',
     res_id: null,
     views: [
         [false, 'list'],
         [false, 'form']
     ],
     view_mode: 'list',
     view_type: 'list',
     //target: 'new',
     context: {},
 };
```
`clear_breadcrumbs: true`用于控制是否清除面包屑导航当前层

### 前端按钮触发调用后台模型方法
```
onclick="new openerp.web.Model('res.users').call('do_manual_launch',[[]]).then(function(action){
	openerp.client.action_manager.do_action(action);
})"
```
上面例子即调用了后端`res.users`模型的`do_manual_launch`方法，并返回了一个需要跳转到的视图action

### 前端视图控制器
获取控制器对象
```
var ctrl = parent.odoo.__DEBUG__.services['web.web_client'].action_manager.get_inner_action().widget.active_view.controller;
```
修改导航面包屑标题
```
ctrl.set('title', '标题内容');
```

### 客户端client控制对象
```
// 获取 web_client 对象
var cli = odoo.__DEBUG__.services['web.web_client'];
var cli = openerp.client.action_manager；

// 刷新视图页面（可更新按钮的显示状态）
cli.do_show();
// 刷新页面
cli.do_reload();

// 通知提示（页面右上角）第三个参数表示通知是否固定在页面不消失，默认false
cli.do_warn('标题内容', '提示内容', false);
cli.do_notify('标题内容', '提示内容', false);

// 设置窗口标题
cli.set_title("窗口标题");

// 执行窗口动作以切换视图
cli.do_action(action);

// 获取当前状态
cli._current_state;

//获取 domain
cli.action_manager.get_inner_action().widget.searchview.build_search_data()
```

### 模型对象
```
model = odoo.__DEBUG__.services["web.Model"]("res.users");

model.call("方法名", [变量列表]).then( function(val) {
    console.log(val)    // val为"方法"返回的值
})
```

Sun	Mon	Tue	Wed	Thu	Fri	Sat
						1
2	3	4	5	6	7	8
9	10	11	12	13	14	15
16	17	18	19	20	21	22
23	24	25	26	27	28	29
30	31

Sun

Mon

Tue

Wed

Thu

Fri

Sat

Information

Tag

October 2022

分类

官方公众号

About This Entry

About This Blog

最近发布

Friend Links