“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模板。