自定义CSS和JavaScript

来自Odoo大V社-odoo中文开发手册
跳转至: 导航搜索

正如我们所看到的,看板视图大多是HTML,并且大量使用CSS类。我们已经介绍了一些标识产品提供的常用的CSS类。但是为了达到最佳效果,模块也可以添加自己的CSS。

我们不会在这里详细介绍如何编写CSS代码,但这与解释模块如何添加自己的CSS(和JavaScript)web assets有关。Odoo后台assets在assets_backend模板声明。为添加我们的模块assets,我们应该扩展该模板。xml文件通常放在视图/模块子目录内。

如下是增加CSS和JavaScript文件到todo_kanban模块的XML例子,它可能在todo_kanban/views/todo_kanban_assets.xml:

<?xml version="1.0" encoding="utf-8"?>
<odoo>
<template id="assets_backend" inherit_id="web.assets_backend"     name="Todo Kanban Assets" >
<xpath expr="." position="inside">
<link rel="stylesheet" 
        href="/todo_kanban/static/src/css/todo_kanban.css"/>
<script type="text/javascript" 
       src="/todo_kanban/static/src/js/todo_kanban.js">
</script>
</xpath>
</template></odoo>

通常,它应该在__manifest__ PY描述符文件被引用。请注意,assets位于/static/src 子目录。虽然这不是必需的,但它是一个普遍使用的惯例。

上一节:Kanban视图的继承 下一节:第九章 小结