如何添加弹出窗口小部件在Odoo POS< / span >

技术< / span >Pos< / span >

Widget类对于用户界面来说是一个非常重要的结构。它被认为是UI的重要构建块。基本上，用户界面中的所有内容都受到小部件和小部件类的影响，因此，它在模块web中具有特征。Widget，并在Widget.js中。< / span >

在这篇博客中，我将向您展示如何在Odoo的销售点模块中添加弹出窗口小部件。< / span >< / span >

我们知道Odoo的销售点具有丰富的功能。从管理一个商店到管理一个餐厅/酒吧，它保持了直观和高效。此外，Odoo POS具有条形码扫描器处理销售点订单、忠诚度积分和折扣计划、不同支付方式的配置、地板/桌子管理、厨房订单打印等功能，从而提高了应用程序用户的性能和体验。< / span >

弹出窗口进一步增强了网站的功能，通过显示折扣和其他促销交易来吸引顾客的注意力。现在让我们看一个示例，了解如何在Odoo POS中添加弹出窗口小部件。< / span >

例子：< / span >

在上面的截图中，你可以看到一个名为“未知的条形码< / span >”。现在，我要删除上面的弹出框，并为未知条形码添加另一个弹出框。这可以通过扩展这些弹出窗口来完成，我们需要js, XML文件，等等。< / span >

此外，我们可以通过使用以下JS代码来进行弹出式扩展。< / span >

            
             define（'javascript\u tutorial.tutorial'，函数（require）{< / span >< / div >
             
              “使用严格的”;< / span >< / div >
              
               Var GUI = require('point_of_sale.gui');< / div >< / span >
              
               Var popups = require('point_of_sale.popups');< / div >< / span >
              
               var ErrorBarcodePopupChanged = poppops .extend({< / div >< / span >
              
               模板：'NoBarcodeFound'，< / div >< / span >
              
               显示:函数(条形码){< / div >< / span >
              
               这一点。_super({条形码:条形码});< / div >< / span >
              
               }，< / div >< / span >
              
               }）;< / div >< / span >
              
               gui.define_popup ({name:“error-barcode”,小部件:ErrorBarcodePopupChanged});< / div >< / span >
              
               }）;< / div >< / span >< / span >

在上面的Js文件中，我们将为未知条码添加一个新的弹出框，首先我们需要扩展point_of_sale。弹出来创建一个新的模板-NoBarcodeFound。接下来，我们应该向它添加show函数。< / span >

接下来，将这个扩展的小部件添加到现有的弹出窗口“错误条形码”中。因此，再次调用这个小部件时，NoBarcodeFound模板将被加载。< / span >

模板在XML中定义为:< / span >

            
             < t t-name = " NoBarcodeFound " >< / span >< / div >
             
              < div的作用=“对话框”类= >“模态对话框”< / span >< / div >
              
               
              
               未知条形码< / div >< / span >
              
               < br / >< / div >< / span >
              
               < span类=“条形码”>< / div >< / span >
              
               < t t-esc = " widget.options.barcode " / >< / span >< / div >< / span >
              
               < / span >< / span >< / div >< / span >
              
               
< / div >< / span >
              
               < / div >< / span >
              
               没有这样的条形码< / div >< / span >
              
               主> < /< / div >< / span >
              
               <页脚类= >“页脚”< / div >< / span >
              
               < div class = "按钮取消”>< / div >< / span >
              
               取消< / div >< / span >
              
               < / div >< / div >< / span >
              
               < /页脚>< / div >< / span >
              
               < / div >< / div >< / span >
              
               < / div >< / div >< / span >
              
               < / t >< / div >< / span >< / span >

此外，下面的XML文件用于继承point_of_sale。资源，并为其中的文件添加路径。< / span >

            
             <？xml version = " 1.0 " encoding = " utf - 8 " ?>< / span >< / div >
             
              < odoo >< / span >< / div >
              
               <模板id = " pos_extend_assets " inherit_id = " point_of_sale.assets”>< / div >< / span >
              
               < xpath expr =“。”= >“内部”< / div >< / span >