“Kanban卡元素”的版本间的差异

来自Odoo大V社-odoo中文开发手册
跳转至: 导航搜索
第36行: 第36行:
  
 
这些模板使用标准的HTML和Qweb模板语言。Qweb提供了特殊的指令处理,动态生成了最终的HTML。
 
这些模板使用标准的HTML和Qweb模板语言。Qweb提供了特殊的指令处理,动态生成了最终的HTML。
 +
 +
== 小窍门 ==
 +
 +
Odoo采用推特Bootstrap 3的网站风格的库,所以无论HTML在哪提交,那些样式类一般是可用的。在https://getbootstrap.com您可以了解更多。
 +
现在我们仔细看看在看板视图中使用的Qweb模板。

2017年8月7日 (一) 22:45的版本

看板视图架构有一个<看板>顶层元素和以下基本结构:

<kanban default_group_by="stage_id" class="o_kanban_small_column" >
 <!-- Fields to use in expressions... -->
<field name="stage_id" />
<field name="color" />
<field name="kanban_state" />
<field name="priority" />
<field name="is_done" />
<field name="message_partner_ids" /><!-- (...add other used fields). -->
<templates>
<t t-name="kanban-box">
<!-- HTML Qweb template... -->
</t>
</templates>
</kanban>

注意default_group_by =“stage_id”属性用于<看板>元素。我们使用它,默认情况下,看板卡片按看板板等阶段分组。在简单的列表看板,如联系人,我们不需要这个,只是用一个简单的<kanban>空标记。

<kanban>顶级元素支持几个有趣的属性:

default_group_by设置字段使用默认的列分组。

default_order设置一个默认的看板排序项。

quick_create =“false”禁用快速创建选项(大加号),在每一列的顶部可以通过只提供标题描述创建新项目。FALSE值是JavaScript文字,必须小写。


class向看板视图的根元素添加CSS类

一个相关的类是o_kanban_small_column,使列比默认的更加紧凑。额外的类可以由模块提供自定义CSS。

然后,我们看到模板中使用的字段列表。准确地说,只有专门用于Qweb表达式的字段才需要声明,以确保其数据从服务器获取。

接下来,我们有一个<templates>元素,包含一个或多个Qweb模板来生成HTML片段。我们必须有一个名为kanban-box的模板,这将提交看板卡片。还可以添加其他模板,通常用于定义在主模板中重用的HTML片段。

这些模板使用标准的HTML和Qweb模板语言。Qweb提供了特殊的指令处理,动态生成了最终的HTML。

小窍门

Odoo采用推特Bootstrap 3的网站风格的库,所以无论HTML在哪提交,那些样式类一般是可用的。在https://getbootstrap.com您可以了解更多。 现在我们仔细看看在看板视图中使用的Qweb模板。