odoo源码/control_panel | vuvivian's blog

结构

```
 <t t-name="ControlPanel">
  <div class="o_control_panel">
      <!-- 上层 -->
      <div>
          <!-- 第一层左面包屑 -->
          <ol class="breadcrumb" role="navigation"/>
          <!-- 第一层右搜索 -->
          <div class="o_cp_searchview" role="search">
              <t t-if="widget.withSearchBar" t-call="SearchView"/>
          </div>
      </div>
      <!-- 下层 -->
      <div>
          <!-- 第二层左按钮 -->
          <div class="o_cp_left">
              <div class="o_cp_buttons" role="toolbar" aria-label="Control panel toolbar"/>
              <aside class="o_cp_sidebar"/>
          </div>
          <!-- 第二层右筛选/切换视图 -->
          <div class="o_cp_right">
              <div class="btn-group o_search_options position-static" role="search"/>
              <nav class="o_cp_pager" role="search" aria-label="Pager"/>
              <nav class="btn-group o_cp_switch_buttons" role="toolbar" aria-label="View switcher"/>
          </div>
      </div>
  </div>
 </t>
```

区域区分

this.nodes = {
   $buttons: this.$('.o_cp_buttons'),
   $pager: this.$('.o_cp_pager'),
   $sidebar: this.$('.o_cp_sidebar'),
   $switch_buttons: this.$('.o_cp_switch_buttons'),
   $searchview: this.$('.o_cp_searchview')
   $searchview_buttons : this.$('.o_search_options')
 };