“使用t-attf进行属性字符串替换”的版本间的差异
来自Odoo大V社-odoo中文开发手册
（创建页面，内容为“我们的看板卡片使用t-attf 的Qweb指令动态地设置上部<div>元素，卡片的颜色取决于color字段值。为此，使用t-attf –的 Qweb指令。...”） |
|||
| 第1行： | 第1行： | ||
| − | 我们的看板卡片使用t-attf 的Qweb指令动态地设置上部<div>元素，卡片的颜色取决于color字段值。为此，使用t-attf –的 Qweb指令。 | + | 我们的看板卡片使用t-attf 的Qweb指令动态地设置上部<nowiki><div></nowiki>元素，卡片的颜色取决于color字段值。为此，使用t-attf –的 Qweb指令。 |
| + | |||
t-attf指令使用字符串替换动态生成标记属性。这允许动态生成较大的字符串，例如URL地址或CSS类名。 | t-attf指令使用字符串替换动态生成标记属性。这允许动态生成较大的字符串，例如URL地址或CSS类名。 | ||
| + | |||
该指令寻找表达式块，这些块将被计算并被计算的结果替换。这些串被{{ and }} 或 #{ and }分割，块的内容可以是任何有效的JavaScript表达式，可以使用任何可用的Qweb表达式的变量，如record 和widget。 | 该指令寻找表达式块，这些块将被计算并被计算的结果替换。这些串被{{ and }} 或 #{ and }分割，块的内容可以是任何有效的JavaScript表达式，可以使用任何可用的Qweb表达式的变量，如record 和widget。 | ||
| + | |||
在我们的例子中，我们还使用了kanban_color() JavaScript函数，专门提供地图颜色索引值给CSS类的颜色名称。 | 在我们的例子中，我们还使用了kanban_color() JavaScript函数，专门提供地图颜色索引值给CSS类的颜色名称。 | ||
| + | |||
作为一个更详细的例子，我们可以使用这个指令来动态更改截止日期的颜色，以便过期日期以红色显示。 | 作为一个更详细的例子，我们可以使用这个指令来动态更改截止日期的颜色，以便过期日期以红色显示。 | ||
| + | |||
为此，在看板卡片中用一下内容替代 | 为此，在看板卡片中用一下内容替代 | ||
| + | |||
<nowiki> <field name="date_deadline"/>: | <nowiki> <field name="date_deadline"/>: | ||
<li t-attf-class="oe_kanban_text_{{ record.date_deadline.raw_value and | <li t-attf-class="oe_kanban_text_{{ record.date_deadline.raw_value and | ||
2017年8月7日 (一) 23:20的版本
我们的看板卡片使用t-attf 的Qweb指令动态地设置上部<div>元素，卡片的颜色取决于color字段值。为此，使用t-attf –的 Qweb指令。
t-attf指令使用字符串替换动态生成标记属性。这允许动态生成较大的字符串，例如URL地址或CSS类名。
该指令寻找表达式块，这些块将被计算并被计算的结果替换。这些串被模板:And 或 #{ and }分割，块的内容可以是任何有效的JavaScript表达式，可以使用任何可用的Qweb表达式的变量，如record 和widget。
在我们的例子中，我们还使用了kanban_color() JavaScript函数，专门提供地图颜色索引值给CSS类的颜色名称。
作为一个更详细的例子，我们可以使用这个指令来动态更改截止日期的颜色，以便过期日期以红色显示。
为此，在看板卡片中用一下内容替代
<field name="date_deadline"/>:
<li t-attf-class="oe_kanban_text_{{ record.date_deadline.raw_value and
!(record.date_deadline.raw_value > (new Date()))
? 'red' : 'black' }}">
<field name="date_deadline"/></li>
结果， class="oe_kanban_text_red" 或者 class="oe_kanban_text_black", 这取决于最终的日期。注意，当 oe_kanban_text_red CSS 类在看板视图可用时, oe_kanban_text_black CSS 类不存在，被用来更好地解释这一点。
