如何在Odoo 10中为POS收据添加自定义按钮

时间:2017-08-03 02:27:58

标签: javascript python xml odoo-10 qweb

我使用Odoo10,我想在POS收据中添加产品详细信息表,还添加另一个打印按钮以仅打印详细信息表。 我遇到了麻烦,我不知道如何在我的按钮上添加一个事件。这是我的模块,请检查我。

enter image description here

Qweb:

<?xml version="1.0" encoding="UTF-8"?>
<templates id="point_of_sale_template" xml:space="preserve">
    <t t-extend="PosTicket">
        <t t-jquery='.pos-sale-ticket' t-operation='after'>
            <div class="pos-sale-ticket-appended" style="clear:both; text-align: left; width: 300px; background-color: white; margin: 20px; padding: 15px; font-size: 14px;padding-bottom: 30px; display: inline-block;font-family: 'Inconsolata'; border: solid 1px rgb(220,220,220); border-radius: 3px; overflow: hidden;">
                <div style="background: white; margin: 20px auto;">
                    <h4>Products Detail</h4>
                <div style="display: inline-block">
                    <table class='receipt-orderlines' style="width: 300px; border">
                        <colgroup>
                            <col width='50%' />
                            <col width='25%' />
                            <col width='25%' />
                        </colgroup>
                        <tr>
                            <th>Name</th>
                            <th>SKU</th>
                            <th>Cost</th>
                        </tr>
                        <tr t-foreach="orderlines" t-as="orderline">
                            <t t-log="orderline.get_product().cost_method" />
                            <t t-log="orderline.get_product().property_cost_method" />
                            <td>
                                <t t-esc="orderline.get_product().display_name"/>
                            </td>
                            <td>
                                <t t-esc="orderline.get_product().default_code"/>
                            </td>
                            <td>
                                <t t-esc="orderline.get_product().standard_price"/>
                            </td>
                        </tr>
                    </table>
                    <br />
                </div>
                </div>
            </div>
        </t>
    </t>
    <t t-extend="ReceiptScreenWidget">
        <t t-jquery='div.receipt-screen.screen > div > div.centered-content.touch-scrollable > div.button.print' t-operation="after">
            <div class="button print-detail">
                <i class='fa fa-print'></i> Print Detail
            </div>
        </t>
    </t>
</templates>

JS:我只是扩展pos模型并添加standard_price字段

odoo.define('pos_receipt_extend', function (require) {
    "use strict";
    var $ = require('jquery');
    // Add cost field to product model
    var models = require('point_of_sale.models');
    models.load_fields('product.product', 'standard_price');

    var screens = require('point_of_sale.screens');

});

清单的.py

# -*- coding: utf-8 -*-

{
    "name": "Pos extend Receipt",
    "summary": "pos_es_receipt",
    "version": "8.0.1.0",
    "category": "Point Of Sale",
    "website": "http://www.difusionvisual.com",
    "author": "Difusión Visual",
    "license": "AGPL-3",
    "application": False,
    "installable": True,
    "depends": [
        "base",
        "point_of_sale",
    ],
    "qweb": [
        'static/src/xml/receipt.xml'
    ],
    "data":["views/pos_es_receipt.xml"]

}

请告诉我如何在点击打印详细信息按钮

上添加操作

1 个答案:

答案 0 :(得分:0)

在您定义qwerb的xml文件中,尝试使用j-query中的第一种/最后一种单词而不是此层次结构。可能jquery找不到那条路。确保你添加了正确的路径。

之后在js文件中,您需要扩展“ export_for_printing ”方法。通常,此方法中的数据写入将返回打印。

同样在清单文件中,参数的偏好是这样的:'依赖','数据','qweb'。在您的视图中不要忘记添加js文件的路径。在此之后,所有尝试加载pos会话并通过“警告”来检查代码是否成功运行。