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

Question

我有一个Event String ，我想sink textarea。 这工作正常，但现在我想将复选框选择的当前值与此字符串组合。

首先，我通过使用复选框的checkedChange来实现这一点，但是有问题。 如果checked值隐藏在复选框中，则没有checkedChange-Event，并且textarea中显示的值未正确更新。

我可以通过get checked来读取复选框选项，但后来遇到组合Event String和UI Bool （或者UI String因为boolean将转换为字符串）的问题。

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

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事件表示用户更改它的请求，可能会也可能不会被授予。 这允许双向数据流 （ 另请参见 ）。 诚然，Threepenny尚未严格遵循这些想法。

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