【odoo17】odoo搜索视图的布局设计

odoo搜索视图的布局设计

1.效果对比

1.1原生布局

1.2.重新布局

2.场景分析

odoo的搜索功能是非常强大的，只是有些地方操作起来不太方便，因此此次介绍对odoo原生搜索视图只做布局上的重新设计，不做功能上的改动。

3. 布局设计

odoo的搜索功能由4个部分组成，field搜索、filter搜索、groupby以及收藏夹，参考国内其他web软件的搜索布局，重新设计了搜索视图

3.1.search_model

由于最终触发搜索变化的是在search_model的_notify中，update信号不仅会重新渲染视图，而且还会获取数据。为了避免搜索结果是在点击搜索按钮以后执行，所以这里的update信号换成了update-filter。

async _notify() {
   
   
    if (this.blockNotification) {
   
   
        return;
    }

    this._reset();

    await this._reloadSections();

    this.trigger('update-filter');
},

在context中增加context，可以传入一些控制条件，比如多选，日期、filter等。


同时在js中对context进行处理。