Odoo8在TreeView左上角增加自定义按钮以及通过继承生成自定义的View_Mode

我不是女神ヾ 2022-07-28 05:17 135阅读 0赞

助顶：http://blog.csdn.net/vnsoft/article/details/49621373

今天有网友在问怎么在TreeView左上角增加一个自定义的按钮，在查询Odoo 自带的模块，发现在purchase\_requisition中有使用，并且此模块还应用到了自定义View\_Mode的情况，所以今天拿出来分析一下，有兴趣的童鞋可以参考说明去模块中查看详细内容。

首先模块显示的效果如下图：

![Center][]

这个是在招标单中，如果一个产品有多个询价单，则在完成招标单时，系统会显示此界面，需要你确认一个最终有效的询价单，这个界面需要打开配置参数中如下图所示的项目才会有显示。

![Center 1][]

仔细分析源码，这个View的定义是在purchase\_requisition\_view.xml中，主要内容如下：

**\[html\]** [ view plain][view plain] [ copy][view plain]

1.  <record id="purchase\_order\_line\_tree\_tender" model="ir.ui.view">  
2.         <field name="name">purchase.order.line.tree.tender</field>  
3.         <field name="model">purchase.order.line</field>  
4.         <field eval="1" name="priority"/>  
5.         <field name="arch" type="xml">  
6.             <tree string="Purchase Order Lines" create="false" colors="blue:state == 'confirmed';gray:state == 'cancel'">  
7.                 <field name="name"/>  
8.                 ......  
9.             </tree>  
10.        </field>  
11. </record>

然后为这个View定义了一个动作，主要内容如下：

**\[html\]** [ view plain][view plain] [ copy][view plain]

1.  <record id="purchase\_line\_tree" model="ir.actions.act\_window">  
2.              <field name="name">Bid Lines</field>  
3.              <field name="res\_model">purchase.order.line</field>  
4.              <field name="context">\{"search\_default\_groupby\_product" : True,\}</field>  
5.              <field name="view\_type">form</field>  
6.              <field name="view\_mode">tree\_purchase\_order\_line\_compare</field>  
7.              <field name="view\_id" ref="purchase\_order\_line\_tree\_tender"/>  
8.              <field name="search\_view\_id" ref="purchase.purchase\_order\_line\_search"/>  
9.      </record>

主要看上面动作的定义中，view\_mode节点是放的tree\_purchase\_order\_line\_compare，与普通的tree,form是不一样的，这个新的view\_mode是哪里来的呢？

我们继续来看addons/purchase\_requisition/static/src/js/web\_addons.js中的内容，其中有一段主要内容如下：

**\[javascript\]** [ view plain][view plain] [ copy][view plain]

1.  instance.web.views.add('tree\_purchase\_order\_line\_compare', 'instance.web.purchase\_requisition.CompareListView');  
2.  instance.web.purchase\_requisition.CompareListView = instance.web.ListView.extend(\{  
3.      init: function() \{  
4.          var self = this;  
5.          this.\_super.apply(this, arguments);  
6.          this.on('list\_view\_loaded', this, function() \{  
7.              if(self.\_\_parentedParent.$el.find('.oe\_generate\_po').length == 0)\{  
8.                  var button = $("<button type='button' class='oe\_button oe\_highlight oe\_generate\_po'>Generate PO</button>")  
9.                      .click(this.proxy('generate\_purchase\_order'));  
10.                 self.\_\_parentedParent.$el.find('.oe\_list\_buttons').append(button);  
11.             \}  
12.         \});  
13.     \},  
14.     generate\_purchase\_order: function () \{  
15.         var self = this;  
16.         new instance.web.Model(self.dataset.model).call("generate\_po",\[self.dataset.context.tender\_id,self.dataset.context\]).then(function(result) \{  
17.             self.ViewManager.ActionManager.history\_back();  
18.         \});  
19.     \},  
20. \});

这里第一行add方法就是把一个新的view\_mode名称跟一个自定义的instance.web.purchase\_requisition.CompareListVIew关联起来，新的view\_mode是继承自web.ListView，所以具备原来的ListView所有属性和方法定义。在新的view\_mode的init方法，通过jQuery新加了一个button，并且指定该按钮的点击事件响应generate\_purchase\_order方法，这个方法就在如下面有定义，在这个方法中触发了purchase\_requisition.py中的generate\_po方法，在执行完以后并回退到原来打开此view的页面。

以上内容包括了js增加自定义按钮，并响应py中的方法流程，并且也运用了view\_mode的继承，为自定义更丰富的view提供了参考。

最后顺便记录一下打开此视图的代码为：

**\[python\]** [ view plain][view plain] [ copy][view plain]

1.  def open\_product\_line(self, cr, uid, ids, context=None):  
2.      """ This opens product line view to view all lines from the different quotations, groupby default by product and partner to show comparaison 
3.          between supplier price 
4.          @return: the product line tree view 
5.      """  
6.      if context is None:  
7.          context = \{\}  
8.      res = self.pool.get('ir.actions.act\_window').for\_xml\_id(cr, uid, 'purchase\_requisition', 'purchase\_line\_tree', context=context)  
9.      res\['context'\] = context  
10.     po\_lines = self.browse(cr, uid, ids, context=context)\[0\].po\_line\_ids  
11.     res\['context'\] = \{  
12.         'search\_default\_groupby\_product': True,  
13.         'search\_default\_hide\_cancelled': True,  
14.         'tender\_id': ids\[0\],  
15.     \}  
16.     res\['domain'\] = \[('id', 'in', \[line.id for line in po\_lines\])\]  
17.     return res

[Center]: /images/20220727/0689ad8704d441918eb636815b5c2b25.png
[Center 1]: /images/20220727/f7a1bb9c8b3e430f998a1cd9fcb136f3.png
[view plain]: http://blog.csdn.net/vnsoft/article/details/49621373#