在threepenny-gui中结合事件和属性

Question

我有一个Event String，我想将它sink 放入文本区域。这工作正常，但现在我想将复选框选择的当前值组合到这个字符串。

首先我通过使用复选框的checkedChange 来做到这一点，该复选框有效，但有问题。如果checked 值下沉到复选框，则没有checkedChange-Event 并且文本区域中显示的值没有正确更新。

我可以使用get checked 读取复选框选择，但随后我遇到了结合Event String 和UI Bool（或UI String，因为布尔值将被转换为字符串）的问题。

编辑：更准确地说，我想做类似的事情

bCombinedValue <- stepper "" eCombinedValue
element textArea # sink UI.text bCombinedValue

其中eCombinedValue 具有原始Event String 和复选框checked 属性的当前值。

我本来可以

bCheck <- stepper False $ UI.checkedChange checkBox

但如果我有，这会失败

element checkBox # sink UI.checked bBool

其他地方（没有UI.checkedChange）。

我可以使用show <$> get UI.checked checkBox，但我必须将Event String 和UI String 结合使用。

Answer 1

这是有意的：UI.checkedChange 事件仅在 用户 单击复选框时触发，但在以编程方式设置时不会。其目的是bBool 行为表示复选框的规范状态，UI.checkedChange 事件表示用户请求更改它，这可能会或可能不会被授予。这允许bidirectional dataflow (see also)。诚然，Threepenny 还没有严格遵循这些想法。

在您的情况下，我建议将 UI.checkedChange 事件集成到 bBool 行为中，以表示复选框的“规范”状态。如果这不起作用，只需使用 get UI.checked 和 Reactive.Threepenny.unsafeMapIO 破解它。