我正在通过从ERP系统的API中提取JSON数据来构建可过滤的库存清单。我的目的是有多个下拉菜单,既可以通过上一个下拉列表进行过滤,也可以过滤库存清单。
No styling yet, but this is the basic structure of what I'm doing.
希望有一种方法可用于允许使用amp-state组件进行多个“on”事件。这是我目前在选择菜单中所做的事情:
on="change:AMP.setState({inventoryMachineType: inventory.items.filter(a => event.value == 'all' ? true : a.Type == event.value)});change:AMP.setState({oem: dropdown.items[0].type.filter(x => x.name == event.value)[0]})"
我尝试用逗号,分号分隔两个setState事件,并将它们分成两个单独的“on”事件。我开始认为这在AMP中可能是不可能的,但我想是否有人有解决方案。
如果事实证明不可能,我将只使用一个按钮来过滤数据,而不是在用户更改菜单时实时过滤。
答案 0 :(得分:3)
on="change:AMP.setState({inventoryMachineType: inventory.items.filter(a => event.value == 'all' ? true : a.Type == event.value),oem: dropdown.items[0].type.filter(x => x.name == event.value)[0]})"