我有一个复杂的情况,我需要将自定义格式应用于计算Grid内字段值的JavaScript表达式。
<Grid records:bind="$page.data"
columns={[
{
field: 'seatbeltViolations',
header: 'Seatbelt Violations',
format:'n;0',
aggregate: 'sum',
aggregateField: 'seatbelts',
align: 'right'
},{
field: "distance",
header: "Distance",
format: "n;0",
aggregate: "sum",
aggregateField: "distance",
align: "right"
},{
field: 'seatbeltViolationsPer100Km',
header: 'Seatbelts per 100km',
format: 'n;1',
footer: {
expr: '0.1 * Math.round(10.0 * {$group.seatbelts}/{$group.distance})'
},
align: 'right'
}]} />
有没有办法在表达式中使用自定义全局函数来执行给定的操作?像这样:
// this does not work
expr: 'Format.value({$group.seatbelts}/{$group.distance}, "n;1")'
我希望我的问题足够明确:)
答案 0 :(得分:2)
我认为最简单的方法是在这里使用computable
而不是表达式。有点像:
...
footer: computable("$group.seatbelts", "$group.distance", (p, q) =>
{
return q != 0 ? Format.value(100.0 * p / q, "n;1") : '--';
}),
...
通过这种方式,您可以根据需要设置复杂的页脚,并且可以轻松地将逻辑抽象为通用工厂函数,返回您想要的任何内容。举个例子,看看这个小提琴: https://cxjs.io/fiddle/?f=xWw8ob40
答案 1 :(得分:2)
还有一个在字符串模板中使用表达式的未记录功能:
footer: {
tpl: '{[{$group.seatbelts} != 0 ? {$group.distance}/{$group.seatbelts} : null]:n;1}'
}