f# - 如何处理 WebSharper UI.Next 中选择选项的 onchange

Question

我正在尝试根据从 Doc.Select 中选择的选项显示不同的 SPA 视图。

我想使用 WebSharper UI.Next 处理 onchange 事件。我四处搜索了一些信息，并看到on了可以在 an 的属性中设置的信息Elt，如下所示：

spanAttr [on.click (fun el ev -> ())] [text "some span"]

但是，我很不确定如何处理Doc.Select使用 UI.Next 中可用工具的更改。

我有以下内容：

let rv = Var.Create "1"
Doc.Select [  ] (fun _ -> "") [ "1"; "2"; "3" ] rv

我不确定如何访问 onchange 事件，因此我可以使用路由器重定向到不同的 SPA 视图。

根据下拉选择更改视图的惯例是什么？

score 2 · Accepted Answer

你不需要onchange自己处理。如果您使用Doc.Select相应Var的下拉菜单每次更改都会更新。您可以执行以下操作：

rv.View.Doc(function
    | "1" -> text "page 1"
    | "2" -> text "page 2"
    | "3" -> text "page 3"
    | _ -> failwith "Should never happen")

并将其嵌入到您的主要Doc渲染中。

1 回答 1