如何在ObservableHQ中的多个单元格中呈现相同的输入元素

Question

假设我在Observablehq中有以下复选框元素：

viewof myFilter = checkbox({
  title: "Foo",
  description: "bar",
  options: myOptions,
  })

我希望将相同的元素呈现在笔记本上更多不同的单元格中，并且希望同步它们的所有选择。有没有办法做到这一点？

Answer 1

看起来你用的是Jeremy Ashkenas的venerable inputs library有一个较新的official Inputs library，它已经包含在页面中(您不必导入它)。

官方输入支持使用Inputs.bind (more info)进行同步。例如，这两个单元格产生两组同步的复选框：

viewof a = Inputs.checkbox(["Foo", "bar"])

Inputs.bind(Inputs.checkbox(["Foo", "bar"]), viewof a)

Here’s a demo。

官方的inputs API大致类似于Inputs.checkbox(arrayOfChoices, optionsObject)。这里只有一个标签：Inputs.checkbox(["Foo", "bar"], {label: "Your choice"})，而不是标题和描述。More documentation.