odoo-8
Fügen Sie dem Odoo-Modul CSS- und Javascript-Dateien hinzu

CSS Django Git JavaScript jQuery magento PHP postgresql Python Language SQL

Syntax

Hinweis über XML - Syntax: Da die Aufzeichnung innerhalb der XML - Datei vorgenommen wird, können Sie einen beliebigen Tag nicht verlassen können unclosed wie Sie können in einem einfachen HTML, wie: <link rel = ‚stylesheet‘ href = „...“>, schließen Sie die Link-Tag stattdessen wie:
- <link rel = 'stylesheet' href = "..." / >

Parameter

Mögliche Werte des Parameters " birth_id"	Bedeutung
web.assets_backend	Wird nur auf internen Seiten verwendet und ist NICHT in einer öffentlichen Website enthalten.
website.assets_frontend	Wird nur in einer öffentlichen Website verwendet (über das " Website " -Modul).
web.assets_common	Wird sowohl auf öffentlichen Websites als auch auf internen Seiten verwendet.

Bemerkungen

Wenn Sie nicht sicher sind, welche Option für Sie geeignet ist, probieren Sie die erste Option (Backend) aus, da sie in den meisten Fällen verwendet wird. In fast allen Fällen, wenn Sie das Modul "Website" nicht installiert haben. Odoo unterscheidet zwischen "Backend" - und "Frontend" -Bestandteilen, da die öffentliche Website, die vom Modul "Website" bereitgestellt wird, einen anderen Stil und JS-Code verwendet als interne Seiten, die für ERP-Aufgaben verwendet werden sollen, dh "Frontend" ist der öffentlichen Website und zugeordnet "Backend" ist mit internen Seiten für ERP verbunden (Bedeutung von "Frontend" und "Backend" ist hier Odoo-spezifisch, im allgemeinen Sinne jedoch beide "Frontend").

Sie können nicht nur eine der Optionen auswählen und verwenden, sondern auch eine beliebige Kombination (zwei oder alle) im selben Modul. Berücksichtigen Sie ein Backend, ein Frontend und einen allgemeinen JS / CSS-Code in getrennte Dateien, um DRY besser einzuhalten und über geeigneten Code in der öffentlichen Website und in den internen Seiten zu verfügen.

Vergessen Sie nicht, der Abhängigkeitsliste im Manifest __openerp__.py "web" (bei Verwendung von Option 1 ) oder "website" (bei Verwendung von Option 2 ) __openerp__.py .

Speichern Sie CSS- und JS-Dateien korrekt im Odoo-Modul

CSS- und JS-Dateien sollten sich im Stammverzeichnis des Moduls unter 'static' befinden (der Rest der Unterverzeichnisstruktur unter 'static' ist eine optionale Konvention):

statisch / src / css / Ihre_Datei.css
statisch / src / js / Ihre_Datei.js

Fügen Sie dann Links zu diesen Dateien hinzu, ohne eine der drei in den folgenden Beispielen aufgeführten Möglichkeiten zu verwenden.

Option 1: [BACKEND] Fügen Sie CSS- und Javascript-Dateien hinzu, die auf internen Seiten verwendet werden sollen

Odoo v8.0 ist das Hinzufügen eines entsprechenden Datensatzes in der XML-Datei:

Fügen Sie dem Manifest eine XML-Datei hinzu (dh __openerp__.py . __openerp__.py Datei.):
...
'data': ['your_file.xml'],
...
'your_file.xml' dann den folgenden Datensatz in 'your_file.xml' :

    <openerp>
        <data>  
            <template id="assets_backend" name="your_module_name assets" inherit_id="web.assets_backend">  
                <xpath expr="." position="inside">  
                    <link rel='stylesheet' href="/fr/your_module_name/static/src/css/your_file.css"/>  
                    <script type="text/javascript" src="/your_module_name/static/src/js/your_file.js"></script>  
                </xpath>  
            </template>  
        ....  
        ....  
        </data>  
     </openerp>

Option 2: [FRONTEND] Fügen Sie CSS- und Javascript-Dateien hinzu, die in einer öffentlichen Website verwendet werden sollen

Hinweis: Sie sollten diese Methode verwenden, wenn Sie ein "Website" -Modul installiert haben und eine öffentliche Website verfügbar ist.

Fügen Sie den folgenden Datensatz in 'your_file.xml' :

    <openerp>
        <data>  

            <template id="assets_frontend" name="your_module_name assets" inherit_id="website.assets_frontend">  
                <xpath expr="link[last()]" position="after">  
                    <link rel='stylesheet' href="/fr/your_module_name/static/src/css/your_file.css"/>  
                </xpath>  
                <xpath expr="script[last()]" position="after">  
                    <script type="text/javascript" src="/your_module_name/static/src/js/your_file.js"></script>  
                </xpath>  
            </template>  

        </data>  
     </openerp>

Option 3: [COMMON] CSS- und Javascript-Dateien hinzufügen, die auf allen Seiten verwendet werden sollen (Backend & Frontend)

Fügen Sie den folgenden Datensatz in 'your_file.xml' :

    <openerp>
        <data>  

            <template id="assets_common" name="your_module_name assets" inherit_id="web.assets_common">  
                <xpath expr="." position="inside">  
                    <link rel='stylesheet' href="/fr/your_module_name/static/src/css/your_file.css"/>  
                    <script type="text/javascript" src="/your_module_name/static/src/js/your_file.js"></script>  
                </xpath>  
            </template>  
  
        </data>  
     </openerp>

Modified text is an extract of the original Stack Overflow Documentation

Lizenziert unter CC BY-SA 3.0

Nicht angeschlossen an Stack Overflow