Question

我想在销售点扩展OrderWidget并在h2标签之间显示日期。

  <script>
    var d = new Date();
    var strDate = d.getFullYear() + "/" + (d.getMonth()+1) + "/" + d.getDate();
    $("#div1").load(strDate);
  </script>

我继承了OrderWidget的模板。

<?xml version="1.0" encoding="UTF-8"?>
  <templates id="template" xml:space="preserve">
  <t t-extend="OrderWidget" >
  <t t-jquery=".order-empty" t-operation="append">
            <h2 id="div1"></h2>
  </t>
  </t>
  </templates>

我可以在上面的例子中放置脚本吗？

Answer 1

您正确继承了OrderWidget模板。

    <?xml version="1.0" encoding="UTF-8"?>
    <templates id="template" xml:space="preserve">
          <t t-extend="OrderWidget" >
              <t t-jquery=".order-empty" t-operation="append">
                <h2><span t-esc="strDt"/></h2>
              </t>
          </t>
    </templates>

因此，现在您需要在<h2 id="div1"></h2>

之间设置日期

您可以像这样包含OrderWidget。

然后你需要创建一个.js文件来包含你的自定义代码，比方说order_extend.js。

odoo.define('your_module.order_extend', function (require) {
"use strict";
var screens =  require('point_of_sale.screens');
var core = require('web.core');
var QWeb = core.qweb;
var _t = core._t;

screens.OrderWidget.include({
renderElement: function(scrollbottom){
    var order  = this.pos.get_order();
    if (!order) {
        return;
    }
    var orderlines = order.get_orderlines();

    var d = new Date();
    var strDate = d.getFullYear() + "/" + (d.getMonth()+1) + "/" + d.getDate();
    var el_str  = QWeb.render('OrderWidget',{widget:this, order:order, orderlines:orderlines,strDt:strDate});

    var el_node = document.createElement('div');
        el_node.innerHTML = _.str.trim(el_str);
        el_node = el_node.childNodes[0];


    var list_container = el_node.querySelector('.orderlines');
    for(var i = 0, len = orderlines.length; i < len; i++){
        var orderline = this.render_orderline(orderlines[i]);
        list_container.appendChild(orderline);
    }

    if(this.el && this.el.parentNode){
        this.el.parentNode.replaceChild(el_node,this.el);
    }
    this.el = el_node;
    this.update_summary();

    if(scrollbottom){
        this.el.querySelector('.order-scroller').scrollTop = 100 * orderlines.length;
    }

},
});

    });

你需要通过xml文件在pos后端添加js文件。

例如。 TEMPLATE.XML

<?xml version="1.0" encoding="utf-8"?>
<openerp>
    <data>

        <template id="assets" inherit_id="point_of_sale.assets">
          <xpath expr="." position="inside">
           <script type="text/javascript" src="/your_module/static/src/js/order_extend.js"></script>
          </xpath>
        </template>

    </data>
</openerp>

这个xml文件template.xml需要添加到数据部分的 openerp .py文件中。

...
'data': [
       ...
       ...
        'views/template.xml',
    ],
....

我希望这个答案对你有用。

在odoo 9中添加js

1 个答案: